/* DanceFriend Beta – unified app skin. One source of truth, no historical patches. */
:root{color-scheme:dark;--df-bg:#0b0d11;--df-surface:#171b22;--df-raised:#202630;--df-stroke:#343c47;--df-cyan:#25c6c4;--df-fg:#f4f7f9;--df-muted:#a8b3bd;--df-pink:#db589c}
html,body{background:var(--df-bg)!important;color:var(--df-fg)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:not(.is-landing){background:var(--df-bg)!important}
body:not(.is-landing) main{max-width:1260px;margin:auto;padding:24px 20px calc(110px + env(safe-area-inset-bottom))!important;min-height:70vh}
body:not(.is-landing) h1,body:not(.is-landing) h2,body:not(.is-landing) h3,body:not(.is-landing) strong{color:var(--df-fg)}
body:not(.is-landing) p,body:not(.is-landing) small,body:not(.is-landing) .muted,body:not(.is-landing) .hero-text{color:var(--df-muted)}
body:not(.is-landing) a{color:var(--df-cyan)}
.site-header{background:#101318!important;border-bottom:1px solid var(--df-stroke)!important;box-shadow:none!important;min-height:68px!important}
.site-header .brand-logo img{max-height:42px!important;object-fit:contain}
.site-footer{background:transparent!important;border:0!important;color:var(--df-muted)!important;padding-bottom:105px!important}
body:not(.is-landing) .form-card,body:not(.is-landing) .auth-card,body:not(.is-landing) .profile-card,body:not(.is-landing) .public-profile-card,body:not(.is-landing) .buddy-section,body:not(.is-landing) .chat-panel,body:not(.is-landing) .progress-card,body:not(.is-landing) .search-filter-card{background:var(--df-surface)!important;color:var(--df-fg)!important;border:1px solid var(--df-stroke)!important;border-radius:19px!important;box-shadow:none!important}
body:not(.is-landing) input:not([type=checkbox]):not([type=radio]),body:not(.is-landing) textarea,body:not(.is-landing) select{background:#242b35!important;color:var(--df-fg)!important;border:1px solid #48525e!important;border-radius:12px!important}
body:not(.is-landing) input::placeholder,body:not(.is-landing) textarea::placeholder{color:#a0abb5!important}
body:not(.is-landing) input:focus,body:not(.is-landing) textarea:focus,body:not(.is-landing) select:focus{border-color:var(--df-cyan)!important;outline:2px solid #25c6c43b!important;outline-offset:0}
body:not(.is-landing) label,body:not(.is-landing) legend{color:var(--df-fg)}
body:not(.is-landing) .btn{border-radius:12px!important;background:#168f8d!important;color:white!important;border-color:#168f8d!important}
body:not(.is-landing) .btn-secondary{background:#28313a!important;color:#e9f2f3!important;border-color:#46515a!important}
.df-app-tabs{position:fixed;z-index:1100;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,680px);height:calc(70px + env(safe-area-inset-bottom));padding:6px 10px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;background:#12161df5;border:1px solid #343c47;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px #0007;backdrop-filter:blur(16px)}
.df-app-tabs a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#b1bdc5!important;font-size:11px;font-weight:650;text-decoration:none!important;border-radius:12px}
.df-app-tabs a svg{width:24px;height:24px}
.df-app-tabs a.active{background:#183436;color:#42ded7!important}
.df-tab-badge{position:absolute;top:0;left:55%;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:20px;background:var(--df-cyan);color:#091719;font-size:10px}
.page-head h1{letter-spacing:-.04em}
.search-page,.df-discover{max-width:1140px;margin:0 auto}
.df-discover .page-head{margin-bottom:18px!important}
.df-discover .page-head h1{font-size:clamp(29px,3.5vw,42px)!important;letter-spacing:-.045em!important}
.df-discover .search-filter-card{margin:0 0 22px!important;padding:0!important;border-radius:15px!important}
.df-discover .search-filter-card>summary{display:flex!important;align-items:center;justify-content:space-between;padding:13px 17px!important;min-height:50px!important;font-size:15px!important;font-weight:700;color:#d6e8e9!important;cursor:pointer}
.df-discover .search-filter-card summary>span:first-child{display:flex;align-items:center;gap:9px}
.df-discover .search-filter-card summary svg{width:18px;height:18px}
.df-discover .search-filter-card:not([open])>form{display:none!important}
.df-discover .search-filter-form{padding:0 16px 17px!important;margin:0!important}
.df-results-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 14px}
.df-eyebrow{color:var(--df-cyan);font-size:10px;letter-spacing:.17em;font-weight:800}
.df-results-heading h2{margin:3px 0 0!important;font-size:24px!important}
.df-results-count{color:var(--df-muted);border:1px solid var(--df-stroke);border-radius:30px;padding:6px 10px;font-size:12px}
.df-discover .buddy-card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.df-discover .buddy-search-card{position:relative!important;display:block!important;min-width:0!important;overflow:hidden!important;border-radius:19px!important;border:1px solid #404955!important;background:var(--df-surface)!important;box-shadow:none!important}
.df-discover .buddy-card-main{position:relative!important;display:block!important;min-height:310px!important;text-decoration:none!important;color:white!important}
.df-discover .buddy-card-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;border-radius:0!important;background:#252d38!important;overflow:hidden!important}
.df-discover .buddy-card-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 24%!important}
.df-discover .buddy-card-photo:after{content:"";position:absolute;inset:28% 0 0;background:linear-gradient(0deg,#080b0ff5 0%,#080b0fb8 32%,transparent 100%);pointer-events:none}
.df-discover .buddy-card-content{position:absolute!important;bottom:0;left:0;right:0;z-index:1;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;padding:12px!important;min-height:0!important;background:transparent!important}
.df-profile-overline{font-size:9px;font-weight:800;letter-spacing:.14em;color:#78e3de}
.df-discover .buddy-card-content strong{font-size:20px!important;color:white!important;line-height:1.15!important}
.df-discover .buddy-location{display:flex!important;gap:5px;color:#e3e9ed!important;font-size:12px!important}
.df-discover .buddy-location svg{width:13px;height:13px}
.df-discover .buddy-card-meta{display:flex!important;gap:5px!important;flex-wrap:wrap!important}
.df-discover .buddy-chip{padding:4px 7px!important;border:1px solid #82919a70!important;border-radius:25px!important;background:#303b45cf!important;color:white!important;font-size:10px!important}
.df-discover .buddy-card-content em,.df-discover .buddy-card-actionbar{display:none!important}
.df-discover .buddy-fav-form,.df-discover .buddy-block-form{position:absolute!important;top:9px!important;z-index:3!important;margin:0!important}
.df-discover .buddy-fav-form{right:9px!important}.df-discover .buddy-block-form{left:9px!important}
.df-discover .buddy-fav-btn,.df-discover .buddy-block-btn{position:static!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#12171bd9!important;color:#e7f3f4!important;border:1px solid #a0b4b980!important;box-shadow:none!important}
.df-discover .buddy-fav-btn{width:37px!important;height:37px!important}.df-discover .buddy-block-btn{width:31px!important;height:31px!important}
.df-discover .buddy-fav-btn.active{color:#3ae2db!important;border-color:#3ae2db!important;background:#173a3b!important}
.df-friends-page{max-width:1140px;margin:auto}
.df-friends-heading h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.04em}
.df-friends-heading p{color:var(--df-muted)}
.df-friends-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin:22px 0!important}
.df-friends-tab{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:16px 8px!important;border-radius:17px!important;background:var(--df-surface)!important;border:1px solid var(--df-stroke)!important;color:#e7eff0!important;text-decoration:none!important;text-align:center!important}
.df-friends-tab.active{border-color:var(--df-cyan)!important;background:#183335!important;color:#67e9e1!important}
.df-friends-tab-icon svg{width:25px;height:25px}
.df-friends-tab small{color:var(--df-muted)!important}
.df-friends-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
.df-friend-card{background:var(--df-surface)!important;border:1px solid var(--df-stroke)!important;border-radius:17px!important;overflow:hidden!important;color:var(--df-fg)!important;text-decoration:none!important}
.df-friend-info strong{color:var(--df-fg)!important}.df-friend-info small{color:var(--df-muted)!important}
.chat-overview-page{color:var(--df-fg)}
.conversation-list{background:var(--df-surface)!important;border:1px solid var(--df-stroke)!important;color:var(--df-fg)!important}
.conversation-row{border-color:var(--df-stroke)!important;color:var(--df-fg)!important}
.conversation-title{color:var(--df-fg)!important}.conversation-preview{color:var(--df-muted)!important}
.profile-page{color:var(--df-fg)!important}
.profile-page .form-card,.profile-page .profile-edit-hero,.profile-page .profile-gallery-card{background:var(--df-surface)!important;color:var(--df-fg)!important;border:1px solid var(--df-stroke)!important;border-radius:20px!important}
.profile-page h1,.profile-page h2,.profile-page h3,.profile-page strong,.profile-page label,.profile-page .profile-card-head,.profile-page .form-card span{color:var(--df-fg)!important}
.profile-page p,.profile-page small,.profile-page .muted,.profile-page .hero-text{color:var(--df-muted)!important}
.profile-page .profile-completion,.profile-page .push-panel,.profile-page .toggle-row,.profile-page .choice-card,.profile-page .dance-select-row,.profile-page .profile-gallery-upload,.profile-page .photo-counter{background:var(--df-raised)!important;color:var(--df-fg)!important;border:1px solid var(--df-stroke)!important;border-radius:14px!important}
.profile-page .profile-completion strong,.profile-page .choice-card span,.profile-page .toggle-row span,.profile-page .dance-select-row span{color:var(--df-fg)!important}
.profile-page input:not([type=checkbox]):not([type=radio]),.profile-page select,.profile-page textarea{background:#242b35!important;color:#f5fafb!important;border:1px solid #4a5560!important}
.profile-page input::placeholder,.profile-page textarea::placeholder{color:#a4b0ba!important}
.profile-page .progress-track{background:#3a454d!important}
.profile-page .progress-track>div{background:var(--df-cyan)!important}
.profile-page .photo-counter,.profile-page .profile-photo-badge{color:#f6ffff!important}
.profile-page .upload-plus{color:var(--df-cyan)!important}
.profile-page .profile-gallery-photo{background:#252d38!important}
.profile-page .btn{color:white!important}
@media(max-width:900px){.df-discover .buddy-card-grid,.df-friends-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){
body:not(.is-landing) main{padding:18px 12px calc(105px + env(safe-area-inset-bottom))!important}
.df-discover .buddy-card-grid,.df-friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.df-discover .buddy-card-main{min-height:224px!important}
.df-discover .buddy-card-content{padding:9px!important;gap:4px!important}
.df-discover .buddy-card-content strong{font-size:17px!important}
.df-discover .buddy-chip{font-size:9px!important}
.df-discover .search-filter-card>summary{min-height:46px!important;padding:10px 13px!important}
.df-friends-tab{padding:12px 4px!important;font-size:12px!important}
.df-friends-tab-icon svg{width:23px;height:23px}
.profile-page .form-card{padding:17px!important}
}
@media(max-width:370px){.df-discover .buddy-card-main{min-height:205px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* Dancefriends cards: constrain uploaded portrait dimensions */
.df-friends-grid .df-friend-card{position:relative!important;display:block!important;min-width:0!important;overflow:hidden!important;aspect-ratio:3/4!important;height:auto!important;max-height:360px!important}
.df-friends-grid .df-friend-photo{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background:#27303a!important}
.df-friends-grid .df-friend-photo>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center 25%!important}
.df-friends-grid .df-friend-photo::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#080b0ff0,transparent);pointer-events:none}
.df-friends-grid .df-friend-initial{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;font-size:56px!important;color:#8ee9e3!important}
.df-friends-grid .df-friend-info{position:absolute!important;z-index:1!important;bottom:0!important;left:0!important;right:0!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:14px!important;background:transparent!important}
.df-friends-grid .df-friend-info strong{font-size:19px!important;color:white!important;line-height:1.2!important}
.df-friends-grid .df-friend-info small{font-size:12px!important;color:#e0e8e9!important}
@media(max-width:700px){.df-friends-grid .df-friend-card{max-height:280px!important}.df-friends-grid .df-friend-info{padding:10px!important}.df-friends-grid .df-friend-info strong{font-size:16px!important}}

/* Beta UI polish: native dark select menus, levels, chat bubbles, friend tiles */
body:not(.is-landing) select,
body:not(.is-landing) .search-filter-form select,
body:not(.is-landing) .profile-page .dance-select-row select{background:#242b35!important;color:#f4f7f9!important;border:1px solid #495561!important;color-scheme:dark!important;-webkit-text-fill-color:#f4f7f9!important}
body:not(.is-landing) select option,body:not(.is-landing) select optgroup{background:#242b35!important;color:#f4f7f9!important}
body:not(.is-landing) .search-filter-form .dance-check-grid label,
body:not(.is-landing) .search-filter-form .all-dances-check,
body:not(.is-landing) .profile-page .dance-select-row,
body:not(.is-landing) .profile-page .choice-card{background:#202630!important;color:#f4f7f9!important;border-color:#3c4752!important}
body:not(.is-landing) .search-filter-form label,
body:not(.is-landing) .profile-page .dance-select-row>span{color:#f4f7f9!important}
body:not(.is-landing) input[type=checkbox],body:not(.is-landing) input[type=radio]{accent-color:#25c6c4!important}
.df-friends-grid .df-friend-tile{display:flex!important;flex-direction:column!important;min-width:0!important;gap:8px!important}
.df-friends-grid .df-friend-tile .df-friend-card{width:100%!important;flex:0 0 auto!important}
.df-friends-grid .df-friend-message{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:42px!important;padding:10px 8px!important;background:#173b3d!important;border:1px solid #2e7777!important;border-radius:12px!important;color:#79ece4!important;text-decoration:none!important;font-size:13px!important;font-weight:750!important}
.df-friends-grid .df-friend-message:hover,.df-friends-grid .df-friend-message:focus-visible{background:#205354!important;border-color:#49c8c2!important}
.df-friends-grid .df-friend-message svg{width:18px!important;height:18px!important;flex-shrink:0}
.df-friends-tab-icon{display:grid!important;place-items:center!important;min-width:30px;height:30px;font-size:25px!important;line-height:1!important;font-weight:900!important;color:#48d9d3!important}
.df-friends-tab:first-child .df-friends-tab-icon{font-size:20px!important;letter-spacing:-.14em!important}
.df-friends-tab.active .df-friends-tab-icon{color:#83fff1!important}
.chat-overview-page .conversation-list,.chat-overview-page .conversation-row{background:#171b22!important;color:#f4f7f9!important}
.chat-overview-page .conversation-row:hover{background:#202630!important}
.profile-icon-btn{border:1px solid #45515c!important;border-radius:13px!important;background:#202630!important;color:#b9c8cf!important}
.profile-icon-btn.favorite,.profile-icon-btn.favorite.active{color:#52e3d9!important}
.profile-icon-btn.message{color:#52e3d9!important}
.profile-icon-btn.blocked{color:#b4bec8!important}
.profile-icon-btn.blocked.active{color:#ef94a6!important}
.profile-icon-btn:hover{background:#2b3641!important}

/* Profile polish 2026-11-03: consistent compact controls and readable public dance rows */
body:not(.is-landing) .public-profile-page .dance-profile-row,
body:not(.is-landing) .public-profile-page .dance-profile-row.is-match{
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
 background:#202630!important;border:1px solid #3a4651!important;border-radius:15px!important;
 padding:14px 16px!important;color:#f4f7f9!important;box-shadow:none!important;
}
body:not(.is-landing) .public-profile-page .dance-profile-row strong,
body:not(.is-landing) .public-profile-page .dance-profile-row .dance-level-wrap,
body:not(.is-landing) .public-profile-page .dance-profile-row .dance-level-wrap>span{color:#f4f7f9!important}
body:not(.is-landing) .public-profile-page .dance-profile-row.is-match{border-color:#2e7777!important;background:#193235!important}
body:not(.is-landing) .public-profile-page .dance-profile-row.is-match .dance-level-wrap>span{color:#7de4dc!important}
body:not(.is-landing) .public-profile-page .dance-match-badge{background:#24494a!important;color:#7de4dc!important;border:1px solid #377473!important}
body:not(.is-landing) .public-profile-page .public-dance-list{display:flex!important;flex-direction:column!important;gap:10px!important}
body:not(.is-landing) .public-profile-page .profile-meta-pills span{background:#252d36!important;border:1px solid #40505b!important;color:#f4f7f9!important}
body:not(.is-landing) .profile-page .toggle-row,
body:not(.is-landing) .profile-page .choice-card{
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
 gap:12px!important;padding:14px 16px!important;min-height:58px!important;
 background:#202630!important;border:1px solid #3d4855!important;border-radius:14px!important;
 color:#f4f7f9!important;text-align:left!important;
}
body:not(.is-landing) .profile-page .choice-card input[type=radio],
body:not(.is-landing) .profile-page .toggle-row input[type=checkbox]{
 appearance:none!important;-webkit-appearance:none!important;
 display:inline-grid!important;place-content:center!important;flex:0 0 23px!important;
 width:23px!important;height:23px!important;min-width:23px!important;
 margin:0!important;padding:0!important;vertical-align:middle!important;
 background:#202630!important;border:2px solid #9aaab6!important;
 border-radius:50%!important;box-shadow:none!important;cursor:pointer!important;
}
body:not(.is-landing) .profile-page .choice-card input[type=radio]:checked,
body:not(.is-landing) .profile-page .toggle-row input[type=checkbox]:checked{
 background:#25c6c4!important;border-color:#25c6c4!important;
}
body:not(.is-landing) .profile-page .choice-card input[type=radio]:checked::after{
 content:"";display:block;width:9px;height:9px;border-radius:50%;background:#fff;
}
body:not(.is-landing) .profile-page .toggle-row input[type=checkbox]:checked::after{
 content:"";display:block;width:10px;height:6px;border:solid #fff;border-width:0 0 3px 3px;transform:translateY(-1px) rotate(-45deg);
}
body:not(.is-landing) .profile-page .choice-card span,
body:not(.is-landing) .profile-page .toggle-row span{display:inline!important;color:#f4f7f9!important;font-size:16px!important;font-weight:650!important;margin:0!important}
body:not(.is-landing) .profile-page .choice-card:has(input:checked),
body:not(.is-landing) .profile-page .toggle-row:has(input:checked){border-color:#368b89!important}
body:not(.is-landing) .profile-page .choice-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
@media(max-width:700px){body:not(.is-landing) .profile-page .choice-grid{grid-template-columns:1fr!important}
body:not(.is-landing) .public-profile-page .dance-profile-row{padding:13px!important}
body:not(.is-landing) .public-profile-page .dance-level-wrap{gap:5px!important}}
/* Match card: button visually docked to photo, same width, joined corners */
.df-friends-grid .df-friend-tile{gap:0!important}
.df-friends-grid .df-friend-tile .df-friend-card{border-radius:17px 17px 0 0!important;border-bottom:0!important}
.df-friends-grid .df-friend-tile .df-friend-message{
 min-height:46px!important;margin:0!important;width:100%!important;box-sizing:border-box!important;
 border-radius:0 0 17px 17px!important;border-top:1px solid #2e7777!important;
 background:#183d40!important;color:#84eee7!important;box-shadow:none!important;
}

/* Consistent search filter checks, sized like profile controls */
body:not(.is-landing) .search-filter-form input[type=checkbox]{
 -webkit-appearance:none!important;appearance:none!important;display:inline-grid!important;place-content:center!important;
 width:23px!important;height:23px!important;min-width:23px!important;flex:0 0 23px!important;
 padding:0!important;margin:0!important;border:2px solid #9aaab6!important;border-radius:50%!important;
 background:#202630!important;box-shadow:none!important;vertical-align:middle!important;
}
body:not(.is-landing) .search-filter-form input[type=checkbox]:checked{background:#25c6c4!important;border-color:#25c6c4!important}
body:not(.is-landing) .search-filter-form input[type=checkbox]:checked::after{
 content:"";width:10px;height:6px;border:solid white;border-width:0 0 3px 3px;transform:translateY(-1px) rotate(-45deg);
}
body:not(.is-landing) .search-filter-form .dance-check-grid label,
body:not(.is-landing) .search-filter-form .all-dances-check{
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
 gap:10px!important;min-height:47px!important;padding:10px 12px!important;
}
/* Placeholder image: charcoal and high-contrast turquoise initial */
.df-discover .buddy-card-photo{background:#28323c!important}
.df-discover .buddy-card-initial{
 display:grid!important;place-items:center!important;width:100%!important;height:100%!important;
 background:#253039!important;color:#69e8df!important;font-size:clamp(52px,8vw,90px)!important;
 font-weight:800!important;text-shadow:none!important;
}
/* Small, legible connection markers over search cards */
.df-discover .df-search-connection{
 display:inline-flex!important;align-items:center!important;align-self:flex-start!important;
 max-width:100%;padding:5px 9px!important;border-radius:20px!important;
 font-size:10px!important;line-height:1.2!important;font-weight:800!important;
 background:#26323ddc!important;border:1px solid #637782!important;color:#e7f2f3!important;
}
.df-discover .df-search-connection.match{background:#194143e8!important;border-color:#48c8c2!important;color:#7cece4!important}
.df-discover .df-search-connection.liked{background:#28353ee8!important;border-color:#668b98!important;color:#c9e8ec!important}
.df-discover .df-search-connection.incoming{background:#352d3be8!important;border-color:#9a6d8b!important;color:#f2bfdc!important}
/* A match is a turquoise row with a restrained pink badge */
body:not(.is-landing) .public-profile-page .dance-match-badge{
 background:#422638!important;border:1px solid #bb6697!important;color:#ffa8d5!important;
 font-size:11px!important;letter-spacing:.01em!important;
}
/* Unified DF and line icons for connection tabs */
.df-friends-tab-icon svg{display:block!important;width:25px!important;height:25px!important;stroke:#48d9d3!important;stroke-width:2!important}
.df-friends-tab:first-child .df-friends-tab-icon{font-size:20px!important;letter-spacing:-.14em!important}

/* Compact mobile chrome: logo below Dynamic Island, no top controls */
body:not(.is-landing) .site-header-app{
 position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
 min-height:0!important;height:auto!important;
 padding:calc(env(safe-area-inset-top, 0px) + 9px) 16px 11px!important;
 margin:0!important;background:#101318!important;border-bottom:1px solid #343c47!important;
 border-radius:0 0 17px 17px!important;
}
body:not(.is-landing) .site-header-app .brand-logo{
 position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;
 transform:none!important;margin:0 auto!important;padding:0!important;width:auto!important;max-width:100%!important;
}
body:not(.is-landing) .site-header-app .brand-logo img{
 display:block!important;width:auto!important;max-width:min(76vw,280px)!important;
 height:42px!important;max-height:42px!important;object-fit:contain!important;
}
body:not(.is-landing) .site-header-app .sub-back-link,
body:not(.is-landing) .site-header-app .top-chat-link,
body:not(.is-landing) .site-header-app .top-nav{display:none!important}
@media(max-width:700px){
 body:not(.is-landing) .site-header-app{
   padding-top:calc(env(safe-area-inset-top, 0px) + 7px)!important;
   padding-bottom:8px!important;
 }
 body:not(.is-landing) .site-header-app .brand-logo img{
   height:38px!important;max-height:38px!important;
 }
 .df-app-tabs{
   height:calc(54px + env(safe-area-inset-bottom, 0px))!important;
   padding:3px 8px calc(3px + env(safe-area-inset-bottom, 0px))!important;
   gap:3px!important;border-radius:15px 15px 0 0!important;
 }
 .df-app-tabs a{gap:1px!important;padding:2px 0!important;font-size:10px!important;line-height:1.1!important}
 .df-app-tabs a svg{width:21px!important;height:21px!important}
 body:not(.is-landing) main{
   padding-bottom:calc(73px + env(safe-area-inset-bottom, 0px))!important;
 }
}

/* Relationship chips share role line: only mutual matches are pink */
.df-discover .buddy-card-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;width:100%!important}
.df-discover .buddy-card-meta .buddy-chip,
.df-discover .buddy-card-meta .df-search-connection{display:inline-flex!important;align-items:center!important;flex:0 1 auto!important;max-width:100%!important;white-space:nowrap!important;margin:0!important;padding:4px 7px!important;line-height:1.2!important;font-size:10px!important}
.df-discover .buddy-card-meta .df-search-connection.match{background:#5a2547e8!important;border:1px solid #d768a6!important;color:#ffb8de!important}
.df-discover .buddy-card-meta .df-search-connection.liked,
.df-discover .buddy-card-meta .df-search-connection.incoming{background:#183c3ee8!important;border:1px solid #399d9a!important;color:#8cece5!important}
.df-friends-tab:first-child .df-brand-monogram{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:34px!important;height:28px!important;font-size:22px!important;font-weight:950!important;
 font-style:italic!important;letter-spacing:-.15em!important;color:#ffacd8!important;
 text-shadow:0 0 9px #e66da04d!important;
}
.df-friends-tab:first-child.active{border-color:#d768a6!important;background:#3b2133!important;color:#ffb8de!important}
.df-friends-tab:first-child.active .df-brand-monogram{color:#ffb8de!important}
.df-friends-tab:first-child.active>span:not(.df-friends-tab-icon){color:#ffb8de!important}
.df-friends-tab-icon svg{width:26px!important;height:26px!important;stroke:#50e0da!important}
@media(max-width:700px){
 .df-discover .buddy-card-meta .buddy-chip,
 .df-discover .buddy-card-meta .df-search-connection{font-size:9px!important;padding:3px 6px!important}
 /* Navigation: separate icon/label area from iPhone home-indicator safe area, no doubled padding */
 .df-app-tabs{
   box-sizing:border-box!important;
   height:calc(54px + env(safe-area-inset-bottom, 0px))!important;
   min-height:0!important;
   padding:3px 7px env(safe-area-inset-bottom, 0px)!important;
   align-items:start!important;
   grid-template-rows:51px!important;
 }
 .df-app-tabs>a{
   box-sizing:border-box!important;height:48px!important;min-height:0!important;
   padding:3px 2px!important;margin:0!important;gap:2px!important;
   justify-content:center!important;align-self:start!important;
 }
 .df-app-tabs>a svg{width:21px!important;height:21px!important;flex-shrink:0!important}
 .df-app-tabs>a span:last-child{font-size:10px!important;line-height:1.1!important}
}

/* Status badges: fixed position on portrait, same size as role chips */
.df-discover .buddy-card-photo,.public-profile-page .public-profile-mainphoto{position:relative!important}
.df-discover .df-photo-status,.public-profile-page .df-photo-status{
 position:absolute!important;z-index:8!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;max-width:calc(100% - 24px)!important;min-height:26px!important;
 padding:5px 10px!important;margin:0!important;box-sizing:border-box!important;
 border-radius:999px!important;font-size:11px!important;font-weight:750!important;line-height:1.1!important;
 white-space:nowrap!important;text-transform:none!important;letter-spacing:0!important;
 background:#183c3ef2!important;border:1px solid #399d9a!important;color:#9af6ee!important;
 box-shadow:0 2px 9px #0008!important;
}
.df-discover .df-photo-status.match,.public-profile-page .df-photo-status.match{
 background:#572943f2!important;border-color:#e27bb7!important;color:#ffd0e9!important;
}
.df-discover .df-photo-status.liked,.df-discover .df-photo-status.incoming,
.public-profile-page .df-photo-status.liked,.public-profile-page .df-photo-status.incoming{
 background:#183c3ef2!important;border-color:#399d9a!important;color:#9af6ee!important;
}
.df-discover .buddy-card-meta .buddy-chip{font-size:11px!important;min-height:26px!important;padding:5px 10px!important}
.public-profile-page .public-profile-mainphoto .df-photo-status{pointer-events:none!important}
@media(max-width:700px){
 .df-discover .df-photo-status{top:8px!important;right:8px!important;font-size:10px!important;padding:5px 8px!important;min-height:24px!important}
 .df-discover .buddy-card-meta .buddy-chip{font-size:10px!important;min-height:24px!important;padding:5px 8px!important}
}
/* Profile action symbols: consistent tap targets */
.public-profile-actions .profile-icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:46px!important;min-height:46px!important}
.public-profile-actions .profile-icon-btn svg{width:23px!important;height:23px!important;stroke-width:2!important}
/* Crisp action icons, no heart symbols. */
.public-profile-actions .profile-icon-btn img{width:26px!important;height:26px!important;display:block!important;object-fit:contain!important}
.public-profile-actions .profile-icon-btn.favorite.active{background:#153e40!important;border-color:#37dcd5!important}

/* Consistent discover profile actions: thumbs and chat are always visible */
.public-profile-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
.public-profile-actions .inline-form{display:inline-flex!important;margin:0!important}
.public-profile-actions .profile-icon-btn{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;padding:13px!important;border-radius:50%!important;background:#ecfffc!important;border:1px solid #c7ece7!important;box-shadow:none!important}
.public-profile-actions .profile-icon-btn img{width:28px!important;height:28px!important;display:block!important;object-fit:contain!important}
.public-profile-actions .profile-icon-btn.dislike.active,.public-profile-actions .profile-icon-btn.favorite.active{background:#c8f8f2!important;border-color:#36ccc4!important}
.public-profile-actions .profile-icon-btn.blocked{background:#e4eced!important;color:#73838b!important}

/* Beta visual correction: dark action buttons, no unexpected bright backgrounds */
body:not(.is-landing) .public-profile-actions .profile-icon-btn,
body:not(.is-landing) .public-profile-actions .profile-icon-btn.favorite,
body:not(.is-landing) .public-profile-actions .profile-icon-btn.dislike,
body:not(.is-landing) .public-profile-actions .profile-icon-btn.message{
 background:#17262b!important;border:1px solid #36565a!important;color:#39d9d5!important;
 box-shadow:none!important;filter:none!important;width:52px!important;height:52px!important;
 min-width:52px!important;min-height:52px!important;padding:11px!important;border-radius:50%!important;
}
body:not(.is-landing) .public-profile-actions .profile-icon-btn.active{
 background:#214749!important;border-color:#34cfc8!important;
}
body:not(.is-landing) .public-profile-actions .profile-icon-btn img{width:28px!important;height:28px!important;object-fit:contain!important}
body:not(.is-landing) .public-profile-actions{gap:10px!important}
/* Search cards: remove the extra grey role strip; photo, name and location remain */
.df-discover .buddy-card-meta{display:none!important}
.df-discover .buddy-card-content{background:transparent!important}
.df-discover .buddy-card-main{overflow:hidden!important;border-radius:inherit!important}
/* Match tabs: typography only, no miniature favicon tile */
.df-friends-tab-icon .df-brand-monogram{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;height:auto!important;padding-right:3px!important;
 font-size:24px!important;font-weight:900!important;font-style:italic!important;
 letter-spacing:-.07em!important;color:#ffb4dd!important;
}

/* Fix photo cards: the photo must fill the card; no separate grey location strip. */
.df-discover .buddy-search-card .buddy-card-main{position:relative!important;display:block!important;overflow:hidden!important;border-radius:18px!important;min-height:310px!important}
.df-discover .buddy-search-card .buddy-card-photo{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;border-radius:0!important;overflow:hidden!important}
.df-discover .buddy-search-card .buddy-card-photo>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.df-discover .buddy-search-card .buddy-card-content{position:absolute!important;z-index:2!important;bottom:0!important;left:0!important;right:0!important;background:linear-gradient(0deg,rgba(6,10,14,.92),rgba(6,10,14,.45) 70%,transparent)!important;border:0!important;box-shadow:none!important;padding:15px!important}
.df-discover .buddy-search-card .buddy-location{background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important}
@media(max-width:700px){.df-discover .buddy-search-card .buddy-card-main{min-height:224px!important}.df-discover .buddy-search-card .buddy-card-content{padding:10px!important}}

/* Connections: explicit original DF mark and thumb, never font or favicon substitutes */
.df-friends-tab:first-child .df-friends-tab-icon{width:auto!important;height:42px!important;min-width:58px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.df-friends-tab .df-match-symbol{display:block!important;width:58px!important;height:42px!important;max-width:none!important;object-fit:contain!important;border:0!important;background:transparent!important}
.df-friends-tab .df-tab-thumb{display:block!important;width:28px!important;height:28px!important;object-fit:contain!important;background:transparent!important;border:0!important}

/* Compact bottom tabs; iOS safe area belongs below icons, not in an oversized grey bar. */
body:not(.is-landing) .df-app-tabs{
 box-sizing:border-box!important;height:calc(51px + env(safe-area-inset-bottom,0px))!important;
 min-height:0!important;padding:2px 8px env(safe-area-inset-bottom,0px)!important;
 grid-template-rows:47px!important;align-items:start!important;gap:3px!important;
 background:#10151bed!important;border-color:#29343e!important;border-radius:14px 14px 0 0!important;
}
body:not(.is-landing) .df-app-tabs>a{
 box-sizing:border-box!important;height:46px!important;min-height:0!important;
 padding:2px 2px!important;gap:2px!important;align-self:start!important;
 justify-content:center!important;
}
body:not(.is-landing) .df-app-tabs>a svg{width:21px!important;height:21px!important}
body:not(.is-landing) .df-app-tabs>a span:last-child{font-size:10px!important;line-height:1.1!important}
body:not(.is-landing) main{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}
@media(min-width:701px){body:not(.is-landing) .df-app-tabs{height:57px!important;grid-template-rows:52px!important;padding-bottom:2px!important}body:not(.is-landing) .df-app-tabs>a{height:51px!important}body:not(.is-landing) main{padding-bottom:72px!important}}
/* Name and action icons share a responsive row without clipping names. */
.public-profile-page .df-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;min-width:0}
.public-profile-page .df-profile-heading-text{min-width:0;flex:1 1 170px}
.public-profile-page .df-profile-heading h1{font-size:clamp(32px,3.6vw,64px)!important;letter-spacing:-.045em!important;line-height:1.05!important;overflow-wrap:anywhere}
.public-profile-page .df-profile-heading .public-profile-location{margin-top:8px!important}
.public-profile-page .df-profile-heading .public-profile-actions{display:flex!important;flex:0 0 auto!important;gap:7px!important;margin:0!important;align-items:center!important;flex-wrap:nowrap!important}
.public-profile-page .df-profile-heading .profile-icon-btn{width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important;padding:8px!important}
.public-profile-page .df-profile-heading .profile-icon-btn img{width:24px!important;height:24px!important}
@media(max-width:520px){
 .public-profile-page .df-profile-heading{align-items:center!important;gap:10px!important}
 .public-profile-page .df-profile-heading-text{flex:1 1 100%!important}
 .public-profile-page .df-profile-heading .public-profile-actions{margin-left:auto!important}
 .public-profile-page .df-profile-heading h1{font-size:clamp(32px,10vw,44px)!important}
}

/* Profile: desktop buttons below badges; mobile name + buttons, then location + badges.
   Keep one action form set to avoid duplicate submissions or conflicting state. */
@media(min-width:701px){
 .public-profile-page .public-profile-summary{display:flex!important;flex-direction:column!important;align-items:stretch!important}
 .public-profile-page .df-profile-heading,
 .public-profile-page .df-profile-heading-text{display:contents!important}
 .public-profile-page .df-profile-heading h1{order:1!important;font-size:clamp(50px,7vw,86px)!important;letter-spacing:-.045em!important;overflow-wrap:normal!important}
 .public-profile-page .df-profile-heading .public-profile-location{order:2!important;margin-top:0!important}
 .public-profile-page .public-profile-chips{order:3!important}
 .public-profile-page .df-profile-heading .public-profile-actions{order:4!important;align-self:flex-start!important;justify-content:flex-start!important;margin-top:2px!important}
 .public-profile-page .df-profile-heading .profile-icon-btn{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;padding:11px!important}
 .public-profile-page .df-profile-heading .profile-icon-btn img{width:28px!important;height:28px!important}
}
@media(max-width:700px){
 .public-profile-page .public-profile-summary{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"df-name df-actions" "df-location df-location" "df-badges df-badges"!important;
  column-gap:8px!important;row-gap:10px!important;align-content:center!important;align-items:center!important;
 }
 .public-profile-page .df-profile-heading,.public-profile-page .df-profile-heading-text{display:contents!important}
 .public-profile-page .df-profile-heading h1{grid-area:df-name!important;min-width:0!important;margin:0!important;font-size:clamp(27px,6.4vw,43px)!important;line-height:1.08!important;letter-spacing:-.045em!important;overflow-wrap:anywhere!important}
 .public-profile-page .df-profile-heading .public-profile-actions{
  grid-area:df-actions!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
  width:max-content!important;max-width:100%!important;margin:0!important;gap:5px!important;flex-wrap:nowrap!important
 }
 .public-profile-page .df-profile-heading .profile-icon-btn{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;padding:7px!important}
 .public-profile-page .df-profile-heading .profile-icon-btn img{width:23px!important;height:23px!important}
 .public-profile-page .df-profile-heading .public-profile-location{grid-area:df-location!important;margin:0!important;font-size:14px!important;min-width:0!important;overflow-wrap:anywhere!important}
 .public-profile-page .public-profile-chips{grid-area:df-badges!important;margin:0!important;min-width:0!important}
}

/* Counts and labels in a single line; no separate count bubble. */
.df-friends-tabs .df-friends-tab-label{display:inline-flex!important;align-items:baseline!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important;font-size:clamp(11px,1.25vw,15px)!important;line-height:1.3!important}
.df-friends-tabs .df-friends-tab-label strong{color:inherit!important;font:inherit!important;font-weight:800!important}
.df-friends-grid .df-friend-message .df-message-write-icon{width:19px!important;height:19px!important;display:block!important;flex-shrink:0!important;object-fit:contain!important}

/* Bottom tabs: keep icons/labels closer to the bottom edge without growing the menu.
   Reserve only the non-content part of the iOS home-indicator safe area. */
@media(max-width:700px){
 body:not(.is-landing) .df-app-tabs{
  height:calc(49px + max(0px, env(safe-area-inset-bottom, 0px) - 16px))!important;
  padding:3px 7px max(0px, env(safe-area-inset-bottom, 0px) - 16px)!important;
  grid-template-rows:45px!important;
  align-items:end!important;
 }
 body:not(.is-landing) .df-app-tabs>a{
  height:44px!important;
  align-self:end!important;
  padding:3px 2px 1px!important;
 }
 body:not(.is-landing) main{
  padding-bottom:calc(62px + max(0px, env(safe-area-inset-bottom, 0px) - 16px))!important;
 }
}

/* Connections: DF mark must be exactly thumb-icon sized. */
.df-friends-tab:first-child .df-friends-tab-icon{min-width:42px!important;width:42px!important;height:36px!important;min-height:36px!important}
.df-friends-tab .df-match-symbol{width:40px!important;height:36px!important;max-width:40px!important;max-height:36px!important;object-fit:contain!important}
.df-friends-tab .df-tab-thumb{width:28px!important;height:28px!important}

/* All connection tab captions share exactly the same vertical baseline. */
.df-friends-tabs .df-friends-tab-icon{height:36px!important;min-height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.df-friends-tabs .df-friends-tab-label{margin:0!important;line-height:1.3!important}

/* Full-width header: brand must be centered across the actual desktop viewport. */
@media(min-width:701px){
 body .site-header,
 body:not(.is-landing) .site-header-app{
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
 }
 body .site-header>.brand-logo{flex:0 0 auto!important;margin:0 auto!important;max-width:100%!important}
}
/* Account logout lives outside the profile form and is available on all devices. */
.df-profile-account-actions{display:flex;justify-content:flex-end;margin:18px 0 26px}
.df-profile-logout{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;
 border:1px solid #47525c;border-radius:12px;background:#202630;color:#e0e9eb!important;
 text-decoration:none!important;font-size:14px;font-weight:700}
.df-profile-logout:hover,.df-profile-logout:focus-visible{border-color:#5e787c;background:#29353e!important}
.df-profile-logout svg{width:18px;height:18px;flex:none}
@media(max-width:700px){.df-profile-account-actions{justify-content:center}}
/* Auth form overrides: avoid white fields on focus/hover and browser autofill. */
body:not(.is-landing) .auth-page .auth-card{
 background:#171b22!important;border:1px solid #343c47!important;color:#f4f7f9!important;color-scheme:dark;
}
body:not(.is-landing) .auth-page .auth-card .form label,
body:not(.is-landing) .auth-page .auth-card h1{color:#f4f7f9!important}
body:not(.is-landing) .auth-page .auth-card .form input:not([type="checkbox"]):not([type="radio"]),
body:not(.is-landing) .auth-page .auth-card .form select{
 box-sizing:border-box!important;width:100%!important;
 background:#242b35!important;color:#f4f7f9!important;border:1px solid #48525e!important;
 border-radius:12px!important;box-shadow:none!important;color-scheme:dark!important;
 -webkit-text-fill-color:#f4f7f9!important;
}
body:not(.is-landing) .auth-page .auth-card .form input:not([type="checkbox"]):not([type="radio"]):hover,
body:not(.is-landing) .auth-page .auth-card .form input:not([type="checkbox"]):not([type="radio"]):focus,
body:not(.is-landing) .auth-page .auth-card .form select:hover,
body:not(.is-landing) .auth-page .auth-card .form select:focus{
 background:#2a3540!important;color:#fff!important;border-color:#36c7c3!important;
 box-shadow:0 0 0 2px rgba(37,198,196,.13)!important;-webkit-text-fill-color:#fff!important;
}
body:not(.is-landing) .auth-page .auth-card .form input:-webkit-autofill,
body:not(.is-landing) .auth-page .auth-card .form input:-webkit-autofill:hover,
body:not(.is-landing) .auth-page .auth-card .form input:-webkit-autofill:focus{
 -webkit-box-shadow:0 0 0 1000px #242b35 inset!important;
 -webkit-text-fill-color:#f4f7f9!important;caret-color:#f4f7f9!important;
}
body:not(.is-landing) .auth-page .auth-card .form select option{background:#242b35!important;color:#f4f7f9!important}
body:not(.is-landing) .auth-page .auth-card .remember-row{
 display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;
}
body:not(.is-landing) .auth-page .auth-card .remember-row input[type="checkbox"]{
 width:20px!important;height:20px!important;flex:0 0 20px!important;margin:0!important;accent-color:#25c6c4!important;
}

/* Public landing page: same dark DanceFriend design as logged-in pages. */
html body.is-landing{
 background:#0b0d11!important;color:#f4f7f9!important;
}
body.is-landing .how-it-works{
 background:#0b0d11!important;color:#f4f7f9!important;
}
body.is-landing .how-it-works h2,
body.is-landing .feature-card h3{
 color:#f4f7f9!important;
}
body.is-landing .how-it-works .feature-card{
 background:#171b22!important;color:#f4f7f9!important;
 border:1px solid #343c47!important;box-shadow:none!important;
 border-radius:19px!important;
}
body.is-landing .feature-card p{color:#a8b3bd!important}
body.is-landing .feature-icon{
 background:#173b3d!important;color:#55e2da!important;border:1px solid #316769!important;
}
body.is-landing .landing-hero-full .btn-secondary{
 background:#28313a!important;color:#e9f2f3!important;border:1px solid #46515a!important;
}
body.is-landing .landing-hero-full .btn-secondary:hover,
body.is-landing .landing-hero-full .btn-secondary:focus-visible{
 background:#34424b!important;color:#fff!important;
}
body.is-landing .site-footer,
body.is-landing .site-footer strong{
 background:#0b0d11!important;color:#a8b3bd!important;
}

/* Blocked search results: quiet grey cards with an explicit status marker. */
.df-discover .blocked-results-inline .blocked-results-list{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;
}
.df-discover .blocked-results-inline .df-blocked-card{
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
 background:#252a31!important;border:1px solid #4b535c!important;color:#cbd2da!important;
 box-shadow:none!important;opacity:1!important;border-radius:17px!important;padding:12px!important;
}
.df-discover .df-blocked-card .blocked-result-photo{
 filter:grayscale(1)!important;background:#3d434b!important;color:#c9d0d7!important;
}
.df-discover .df-blocked-card .blocked-result-photo img{filter:grayscale(1)!important;opacity:.7!important}
.df-discover .df-blocked-card .blocked-result-profile{color:#cbd2da!important;min-width:0!important}
.df-discover .df-blocked-card .df-blocked-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important}
.df-discover .df-blocked-card .df-blocked-info strong{color:#e0e3e7!important}
.df-discover .df-blocked-card .df-blocked-badge,
.public-profile-page .df-photo-status.blocked{
 display:inline-flex!important;align-items:center!important;width:max-content!important;
 padding:3px 8px!important;border:1px solid #8b949e!important;border-radius:20px!important;
 background:#414750!important;color:#f0f2f5!important;font-size:10px!important;line-height:1.3!important;font-weight:750!important;
}
.df-discover .df-blocked-card .blocked-location{color:#adb7c0!important}
.df-discover .df-blocked-card .blocked-unban-btn{color:#b9c7ce!important;filter:none!important;min-width:34px!important;min-height:34px!important}
@media(max-width:700px){
 .df-discover .blocked-results-inline .blocked-results-list{grid-template-columns:1fr!important}
}

/* Same filled thumbs-down pictogram for blocked cards and unblock action. */
.df-discover .df-blocked-card .blocked-unban-btn img,
.df-discover .df-blocked-card .blocked-by-other-icon img{
 width:27px!important;height:27px!important;display:block!important;object-fit:contain!important;
}
.df-discover .df-blocked-card .blocked-by-other-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;filter:none!important;opacity:.75!important;}


/* Chat layout – one mobile implementation, no fixed or negative bottom offsets.
   visualViewport keeps the whole conversation inside the visible screen when typing. */
body:not(.is-landing) .chat-overview-page .df-compact-conversations {
 display:block!important; padding:0!important; margin:0!important; background:transparent!important;
 border:0!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important;
}
body:not(.is-landing) .chat-overview-page .df-compact-conversations>.conversation-row {
 display:grid!important; margin:0!important; padding:13px 8px!important; min-height:0!important;
 background:transparent!important; border:0!important; border-bottom:1px solid #39434e!important;
 border-radius:0!important; box-shadow:none!important;
}
body:not(.is-landing) .chat-overview-page .df-compact-conversations>.conversation-row:last-child {
 border-bottom:0!important;
}
body:not(.is-landing) .chat-overview-page .df-compact-conversations>.conversation-row:hover {
 background:#1c252d!important;
}
/* Blocked public profile: no error banner inside the name/actions area.
   Own unblock control is clearly labeled directly below the profile card. */
body:not(.is-landing) .public-profile-page .df-profile-unblock-form{
 display:flex!important;justify-content:center!important;
 margin:12px 0 20px!important;padding:0!important;
}
body:not(.is-landing) .public-profile-page .df-profile-unblock-button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:44px!important;padding:11px 20px!important;
 border:1px solid #38c9c5!important;border-radius:13px!important;
 background:#184e4d!important;color:#e7fffd!important;
 font:inherit!important;font-size:14px!important;font-weight:700!important;
 cursor:pointer!important;box-shadow:none!important;
}
body:not(.is-landing) .public-profile-page .df-profile-unblock-button:hover,
body:not(.is-landing) .public-profile-page .df-profile-unblock-button:focus-visible{
 background:#216361!important;border-color:#69e7df!important;
}

/* Profil: Speichern bleibt beim Scrollen erreichbar, oberhalb der App-Navigation. */
.profile-edit-page .profile-save-actions{
  position:fixed!important;
  z-index:1050;
  left:50%;
  bottom:75px;
  transform:translateX(-50%);
  width:min(calc(100% - 24px),620px)!important;
  display:flex!important;
  justify-content:flex-end!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid var(--df-stroke,#39434c);
  border-radius:16px;
  background:rgba(19,26,34,.95);
  box-shadow:0 8px 30px rgba(0,0,0,.35);
  backdrop-filter:blur(12px);
}
.profile-edit-page .profile-save-actions .btn{
  width:auto!important;
  min-width:170px;
  margin:0!important;
}
.profile-edit-page .profile-form{padding-bottom:90px;}
@media(max-width:700px){
  .profile-edit-page .profile-save-actions{
    bottom:calc(78px + env(safe-area-inset-bottom,0px));
    width:calc(100% - 24px)!important;
    padding:8px!important;
    justify-content:stretch!important;
  }
  .profile-edit-page .profile-save-actions .btn{width:100%!important;}
  .profile-edit-page .profile-form{padding-bottom:95px;}
}

/* DanceFriend Premium - Beta-Vorschau. */
.df-premium-page{max-width:900px;margin:0 auto;padding:20px 16px 130px;color:#f5fafb}
.df-premium-hero{text-align:center;margin:20px auto 28px}.df-premium-hero img{width:min(350px,90%);max-height:100px;object-fit:contain}.df-premium-eyebrow{font-size:12px;letter-spacing:2px;color:#55e0d8;font-weight:800}.df-premium-hero h1{font-size:clamp(28px,6vw,44px);color:white;margin:10px 0}.df-premium-hero>p{color:#b8c9d1}.df-premium-note{color:#9bdbd7;background:#1d343a;border:1px solid #325d62;padding:12px;border-radius:12px;margin:18px auto;max-width:550px}
.df-premium-gift{text-align:center;background:linear-gradient(120deg,#163e40,#1b2a35);border:1px solid #327d7a;border-radius:20px;padding:25px}.df-premium-gift>svg{width:35px;height:35px;color:#4de5d8;display:block;margin:0 auto 8px}.df-premium-gift strong{display:block;color:white;font-size:25px}.df-premium-gift p{max-width:620px;margin:12px auto 0;color:#c6d5d9;line-height:1.6}.df-premium-page h2{margin:28px 0 14px;color:white}
.df-premium-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.df-premium-cards article{background:#1d2832;border:1px solid #374550;border-radius:17px;padding:20px}.df-premium-cards article>svg{width:27px;height:27px;color:#4be2d8}.df-premium-cards h3{color:white;margin:10px 0}.df-premium-cards p{color:#b1bec9;line-height:1.55}.df-premium-cards small{color:#51d9d0}
.df-premium-demo{display:flex;gap:8px}.df-premium-demo span{border-radius:10px;background:#35565a;color:white;min-width:60px;height:70px;display:flex;align-items:center;justify-content:center;font-size:12px}.df-premium-demo .df-premium-locked{background:#32424b;filter:blur(.6px)}.df-premium-demo span svg{width:20px;height:20px;color:#64ddd5}
.df-premium-demo-row{padding:12px;background:#293b45;color:#bbd8d8;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.df-premium-demo-row svg{width:20px;height:20px;color:#64ddd5;flex:none}
.df-premium-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.df-premium-prices article{padding:22px;border:1px solid #38525c;background:#1b2a33;border-radius:18px}.df-premium-prices article:last-child{border-color:#46cbc2;background:#1c3639}.df-premium-prices small{display:block;color:#c0d0d7}.df-premium-prices strong{display:block;color:white;font-size:29px;margin:9px 0}.df-premium-prices strong span{font-size:13px;font-weight:400}.df-premium-footnote{text-align:center;color:#a7bac0;margin:25px auto 15px}.df-premium-back{display:flex;justify-content:center;max-width:350px;margin:0 auto}
.df-premium-promo{display:flex;align-items:center;gap:13px;padding:15px;margin:0 0 18px;background:linear-gradient(105deg,#1d4848,#202d38);border:1px solid #39817d;border-radius:15px;text-decoration:none!important;color:#f3ffff!important}.df-premium-promo>svg{width:23px;height:23px;color:#5de3da;flex:none}.df-premium-promo>span{display:flex;flex:1;flex-direction:column;gap:3px}.df-premium-promo strong{font-size:15px}.df-premium-promo small{color:#aed5d3;font-size:12px}
.df-premium-photo-lock{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#30444b;color:#55e1d6!important;text-decoration:none!important}.df-premium-photo-lock svg{width:25px;height:25px}.df-premium-photo-lock span{font-size:11px}
@media(max-width:650px){.df-premium-cards,.df-premium-prices{grid-template-columns:1fr}.df-premium-page{padding:6px 8px 130px}.df-premium-gift{padding:20px}}

/* Premium Beta testing */
.df-premium-test-page{max-width:720px;margin:25px auto;padding:24px;color:#ecf8f8;background:#1a2630;border:1px solid #3d4d57;border-radius:20px}
.df-premium-test-page h1{color:#fff;font-size:29px}.df-premium-test-page p{color:#b8c8d1;line-height:1.6}
.df-premium-test-current{padding:15px;border-radius:12px;background:#294047;color:#c4eae7;margin:20px 0}.df-premium-test-current strong{color:#60ebe2}
.df-premium-test-choices{display:flex;gap:12px}.df-premium-test-choices form{flex:1}.df-premium-test-choices button{width:100%}
.df-premium-test-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:25px}
.df-premium-test-links a,.df-premium-test-link{border:1px solid #3e7778;border-radius:11px;padding:12px;text-align:center;color:#7af0e8!important;text-decoration:none}
.df-premium-test-warning{font-size:12px;margin-top:24px}
.df-premium-test-link{display:flex;justify-content:center;align-items:center;gap:8px;max-width:350px;margin:10px auto 18px}
.df-premium-test-link svg{width:18px;height:18px}
.df-premium-photo-cta,.df-premium-search-cta{display:flex;align-items:center;gap:11px;padding:14px;background:#233f43;border:1px solid #3c7776;border-radius:13px;color:#9cf2e9!important;text-decoration:none!important;margin-top:15px}
.df-premium-photo-cta svg,.df-premium-search-cta>svg{width:23px;height:23px;flex:none}
.df-premium-search-cta{margin:10px 0 15px}.df-premium-search-cta span{display:flex;flex-direction:column;gap:5px}.df-premium-search-cta small{color:#b6d3d1}
.df-premium-search-locked{position:relative;opacity:.6;filter:blur(.65px);pointer-events:none;user-select:none}
.df-premium-incoming-lock{padding:28px 16px;border:1px solid #467e7b;background:#21393c;border-radius:17px;text-align:center;max-width:540px;margin:18px auto}
.df-premium-incoming-lock strong{display:block;font-size:21px;color:#fff;margin:12px 0}.df-premium-incoming-lock p{color:#c2d6d8}
.df-premium-lock-avatar{width:78px;height:78px;border-radius:50%;margin:0 auto;background:#314e56;display:flex;align-items:center;justify-content:center;color:#73e2d9;filter:blur(.5px)}
.df-premium-lock-avatar svg{width:30px;height:30px}
.df-premium-free-gallery-label{color:#a5d4d2;display:flex;align-items:center;gap:7px;font-size:13px}.df-premium-free-gallery-label svg{width:17px;height:17px}
@media(max-width:500px){.df-premium-test-page{margin:6px;padding:16px}.df-premium-test-choices{flex-direction:column}}

/* Premium-Verfeinerung – goldene, plastische Schlösser */
.df-gold-lock{width:38px!important;height:44px!important;object-fit:contain;filter:drop-shadow(0 3px 5px #000a);flex:none}
.df-premium-filter-teaser{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:66px;margin:0 0 20px;padding:11px 19px;background:#1d2831;border:1px solid #4d5246;border-radius:16px;color:#dce8e8;text-decoration:none!important;overflow:hidden}
.df-premium-filter-teaser .df-premium-filter-fuzzy{font-size:15px;font-weight:800;filter:blur(1.9px);opacity:.65}
.df-premium-filter-teaser>.df-gold-lock{width:44px!important;height:51px!important;position:relative;z-index:2}
.df-premium-filter-preview{position:absolute;inset:auto 0 0;display:flex;gap:10px;justify-content:center;transform:translateY(45%);filter:blur(5px);opacity:.25;pointer-events:none}
.df-premium-filter-preview i{font-style:normal;background:#697880;padding:6px 14px;border-radius:10px}
.df-gold-lock-tab{width:28px!important;height:33px!important;vertical-align:middle}
.df-premium-incoming-lock .df-gold-lock{width:63px!important;height:75px!important}
.df-premium-photo-tile{display:flex!important;align-items:center;justify-content:center;cursor:pointer;text-decoration:none!important;min-width:0}
.df-premium-photo-tile-inner{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;filter:blur(3.5px);opacity:.65;pointer-events:none}
.df-premium-photo-tile .df-gold-lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px!important;height:62px!important;z-index:4}
.df-premium-photo-tile strong{font-size:12px!important}
.df-premium-photo-cta .df-gold-lock{width:26px!important;height:30px!important}
.df-premium-hero img{display:none!important}
.df-premium-feature-graphic{width:100%;height:98px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:12px;border-radius:14px;background:radial-gradient(ellipse at 50% 70%,#28565a,#172a32 76%);overflow:hidden}
.df-premium-feature-graphic.df-pfg-photos{gap:9px}
.df-mini-photo{width:65px;height:74px;background:linear-gradient(155deg,#56c8c4,#263d54 63%);border:2px solid #76e4dc;border-radius:10px;transform:rotate(-11deg);box-shadow:0 6px 12px #0006}
.df-mini-photo:nth-child(2){transform:translateY(-5px);background:linear-gradient(150deg,#fde1b3,#986c77 60%);z-index:2}
.df-mini-photo:nth-child(3){transform:rotate(11deg);background:linear-gradient(150deg,#d4ecff,#547794)}
.df-pfg-filters{flex-direction:column;gap:12px}.df-pfg-filters>span{height:5px;border-radius:99px;width:65%;background:linear-gradient(90deg,#4bd9d2,#9bebe5);position:relative}
.df-pfg-filters>span:after{content:"";position:absolute;left:30%;top:-6px;width:17px;height:17px;background:#fff;border-radius:50%;box-shadow:0 0 0 4px #2b7e7b}
.df-pfg-filters>span:nth-child(2):after{left:70%}.df-pfg-filters>span:nth-child(3):after{left:45%}
.df-pfg-likes{gap:15px}.df-pfg-likes>span{font-size:37px;color:#4ce0d7;text-shadow:0 5px 12px #0007}.df-pfg-likes>span:nth-child(2){font-size:54px;color:#fff;transform:translateY(-8px)}
.df-pfg-events{gap:22px}.df-pfg-events svg{width:50px;height:50px;color:#49e4d7;filter:drop-shadow(0 5px 8px #0008)}.df-pfg-events svg+svg{color:#e2c27b}
.df-chat-free-count{margin:0 12px 9px;padding:9px 12px;border-radius:11px;background:#25363c;color:#c0e2df;font-size:12px;line-height:1.4}
.df-chat-free-count a{color:#65e9dc!important}
.df-chat-premium-limit{display:flex!important;align-items:center;justify-content:center;padding:9px!important}
.df-chat-premium-limit a{display:flex;align-items:center;justify-content:center;gap:10px;color:#f8df91!important;text-decoration:none;font-weight:800;font-size:13px}
.df-chat-premium-limit .df-gold-lock{width:29px!important;height:34px!important}

/* Premium landing v3 – two clear tiers using the regular DanceFriend background. */
.df-premium-page.df-premium-compare{max-width:1040px;margin:0 auto;padding:12px 12px 110px;color:var(--df-fg);background:transparent}
.df-premium-compare-heading{text-align:center;max-width:680px;margin:12px auto 42px}
.df-premium-crown{display:inline-flex;color:#efc46b;filter:drop-shadow(0 4px 11px #d59f425c)}
.df-premium-crown svg{width:48px;height:48px;stroke-width:1.65}
.df-premium-compare-heading h1{font-size:clamp(27px,4.3vw,40px);line-height:1.16;margin:10px 0 12px;color:#fff}
.df-premium-compare-heading h1 span{color:#43ddd6}
.df-premium-compare-heading>p{color:var(--df-muted);font-size:16px;line-height:1.55;margin:0}
.df-premium-compare-heading .df-premium-note{max-width:460px;padding:8px 14px;font-size:12px;margin:17px auto 0}
.df-premium-comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.df-premium-tier{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px 29px 28px;border-radius:22px;border:1px solid #3a4650;background:#191f27;box-shadow:0 14px 32px #0002}
.df-premium-tier-free{background:#171c23;border-color:#353b44}
.df-premium-tier-plus{border:1.5px solid #c9a354;background:linear-gradient(160deg,#17292e 0%,#172329 43%,#1c2428 100%);box-shadow:0 0 0 1px #d4ae4c2b,0 16px 36px #0005,0 0 26px #b78b2822}
.df-premium-tier-head{display:flex;align-items:center;gap:15px;min-height:103px}
.df-premium-tier-symbol{display:flex;align-items:center;justify-content:center;width:59px;height:59px;flex:none;border-radius:18px;color:#96a7ae;background:#262e37;border:1px solid #39434d}
.df-premium-tier-symbol svg{width:31px;height:31px}
.df-premium-tier-plus .df-premium-tier-symbol{color:#efc46b;background:#3b3426;border-color:#80672e}
.df-premium-tier-label{font-size:10px;letter-spacing:.11em;font-weight:800;color:#8f9da8}
.df-premium-tier-plus .df-premium-tier-label{color:#d3b874}
.df-premium-tier-head h2{font-size:30px!important;line-height:1.1;margin:3px 0 5px!important}
.df-premium-tier-free .df-premium-tier-head h2{color:#f0f3f6!important}
.df-premium-tier-plus .df-premium-tier-head h2{color:#f7d27e!important}
.df-premium-tier-head p{margin:0;color:#aab9c1;font-size:13px}
.df-premium-benefits{margin:18px 0 32px;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.df-premium-benefits li{display:flex;align-items:flex-start;gap:12px;padding:13px 9px;border-radius:12px}
.df-premium-tier-free .df-premium-benefits li{background:#1d242d}
.df-premium-tier-plus .df-premium-benefits li{background:#203137}
.df-benefit-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;flex:none;border-radius:11px;background:#28323a;color:#a1b2bb}
.df-premium-tier-plus .df-benefit-icon{background:#29484a;color:#5ee1d8}
.df-benefit-icon svg{width:22px;height:22px}
.df-premium-benefits li>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.df-premium-benefits strong{font-weight:700;color:#f4f8f8;font-size:14px;line-height:1.3}
.df-premium-benefits small{color:#a2b2ba;font-size:12px;line-height:1.4}
.df-premium-tier-bottom{margin-top:auto;border-top:1px solid #46505b;padding-top:23px}
.df-premium-tier-plus .df-premium-tier-bottom{border-color:#876f3c}
.df-premium-price{font-weight:800;color:#fff;font-size:30px;line-height:1.2;min-height:68px}
.df-premium-price small{font-weight:500;font-size:14px;color:#a7b6bf}
.df-premium-price>span{display:block;font-weight:500;font-size:13px;color:#d6c497;margin-top:7px}
.df-premium-secondary-cta,.df-premium-primary-cta{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;width:100%;border-radius:13px;font-weight:800;font-size:14px;cursor:pointer;text-decoration:none!important}
.df-premium-secondary-cta{background:#232b34;border:1px solid #5c6770;color:#dde9ea!important}
.df-premium-primary-cta{border:1px solid #eac470;background:linear-gradient(180deg,#f8dc8c,#dba843);color:#211c13!important;box-shadow:0 5px 17px #0005,0 0 15px #d5a43b2f}
.df-premium-primary-cta svg{width:19px;height:19px}
.df-premium-ribbon{position:absolute;top:-21px;right:14px;min-height:38px;padding:9px 16px;border-radius:12px;background:linear-gradient(180deg,#ffe5a0,#dba949);border:1px solid #f6df9e;box-shadow:0 5px 13px #0006;color:#251c0b;font-weight:900;font-size:13px}
.df-premium-ribbon span{display:flex;align-items:center;gap:7px}
.df-premium-ribbon svg{width:17px;height:17px}
.df-premium-compare-foot{text-align:center;color:#9fb0b8!important;font-size:12px;margin:24px auto 8px;line-height:1.7}
.df-premium-compare .df-premium-test-link{margin:10px auto 0;font-size:12px}
.df-premium-plan-modal[hidden]{display:none!important}
.df-premium-plan-modal{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:18px}
.df-premium-plan-shade{position:absolute;inset:0;background:#020508c9;backdrop-filter:blur(5px)}
.df-premium-plan-dialog{position:relative;width:min(100%,530px);max-height:calc(100dvh - 36px);overflow-y:auto;padding:30px;border:1px solid #bca05d;border-radius:21px;background:#18232b;color:#f3f9f9;box-shadow:0 30px 90px #000a}
.df-premium-plan-dialog>.df-premium-crown svg{width:40px;height:40px}
.df-premium-plan-dialog h2{font-size:25px!important;margin:8px 0 9px!important}
.df-premium-plan-dialog>p{color:#b4c2ca;font-size:14px;line-height:1.6}
.df-premium-plan-close{position:absolute;right:16px;top:13px;display:flex;align-items:center;justify-content:center;width:37px;height:37px;background:#27353e;border:1px solid #49545b;border-radius:50%;color:#fff;cursor:pointer}
.df-premium-plan-close svg{width:20px;height:20px}
.df-premium-plan-options{display:flex;flex-direction:column;gap:10px;margin:23px 0 20px}
.df-premium-plan-options label{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #4b5d65;border-radius:13px;background:#202f37;cursor:pointer}
.df-premium-plan-options label:has(input:checked){border-color:#e1bd67;background:#343629}
.df-premium-plan-options label>span{display:flex;flex-direction:column;gap:4px;flex:1}
.df-premium-plan-options strong{font-size:16px}
.df-premium-plan-options small{font-size:12px;color:#bac9ce}
.df-premium-plan-options em{color:#e8c46b;font-size:11px;font-weight:800;font-style:normal}
.df-premium-checkout-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;color:#c4d0d4;margin:0 0 18px}
.df-premium-checkout-note svg{flex:none;width:18px;height:18px}
.df-premium-plan-dialog .df-premium-primary-cta[disabled]{opacity:.6;cursor:not-allowed}
@media(max-width:700px){
 .df-premium-page.df-premium-compare{padding:4px 0 125px}
 .df-premium-compare-heading{margin:8px auto 36px;padding:0 7px}
 .df-premium-comparison{grid-template-columns:minmax(0,1fr);gap:32px;max-width:520px;margin:auto}
 .df-premium-tier{padding:23px 17px 22px;border-radius:17px}
 .df-premium-tier-head{min-height:88px}
 .df-premium-tier-head h2{font-size:26px!important}
 .df-premium-benefits{margin:12px 0 24px;gap:5px}
 .df-premium-benefits li{padding:11px 6px}
 .df-premium-ribbon{right:10px;font-size:11px;top:-18px}
 .df-premium-compare-foot{padding:0 10px}
}

/* Premium icon language: Lucide Free = quiet/matte, Premium = luminous cyan; only exclusivity is gold. */
.df-premium-compare .df-premium-tier-free .df-premium-tier-symbol,
.df-premium-compare .df-premium-tier-free .df-benefit-icon{
  color:#82919e!important;
  border:1px solid #333d47;
  background:#222b34;
  box-shadow:inset 0 1px 0 #ffffff08;
}
.df-premium-compare .df-premium-tier-free .df-benefit-icon svg{
  stroke:#81919d!important;
  stroke-width:1.75;
  filter:none!important;
}
.df-premium-compare .df-premium-tier-plus .df-benefit-icon{
  color:#3be1d8!important;
  background:radial-gradient(circle at 30% 24%,#20575a,#20383f 76%);
  border:1px solid #347f7e;
  box-shadow:inset 0 1px 0 #65e4da24,0 0 14px #20d5cd25;
}
.df-premium-compare .df-premium-tier-plus .df-benefit-icon svg{
  stroke:#56f0e6!important;
  stroke-width:1.9;
  filter:drop-shadow(0 0 5px #27ded58c);
}
.df-premium-compare .df-premium-tier-plus .df-premium-tier-symbol,
.df-premium-compare .df-premium-crown{
  color:#f3ca72!important;
}
.df-premium-compare .df-premium-tier-plus .df-premium-tier-symbol svg,
.df-premium-compare .df-premium-crown svg{
  stroke:#f0c46e!important;
  filter:drop-shadow(0 2px 7px #daa84599);
}
.df-premium-compare .df-premium-ribbon svg,
.df-premium-compare .df-premium-primary-cta svg{
  stroke:#65460f!important;
  filter:none!important;
}

/* Unified Premium display icon: golden Lucide crown on all Free upsell surfaces. */
.df-premium-crown-mark{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:40px!important;height:40px!important;color:#efc46b!important;filter:drop-shadow(0 2px 7px #daa8458a)}
.df-premium-crown-mark svg{display:block;width:30px!important;height:30px!important;stroke:#f0c46e!important;stroke-width:1.8!important;fill:none!important}
.df-premium-filter-teaser>.df-premium-crown-mark{position:relative;z-index:3;width:48px!important;height:48px!important}
.df-premium-filter-teaser>.df-premium-crown-mark svg{width:41px!important;height:41px!important}
.df-premium-crown-tab{width:30px!important;height:32px!important}
.df-premium-crown-tab svg{width:26px!important;height:26px!important}
.df-premium-lock-avatar .df-premium-crown-mark{width:66px!important;height:66px!important}
.df-premium-lock-avatar .df-premium-crown-mark svg{width:56px!important;height:56px!important}
.df-premium-photo-tile>.df-premium-crown-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px!important;height:62px!important;z-index:4}
.df-premium-photo-tile>.df-premium-crown-mark svg{width:52px!important;height:52px!important}
.df-premium-photo-cta .df-premium-crown-mark{width:29px!important;height:29px!important}
.df-premium-photo-cta .df-premium-crown-mark svg{width:25px!important;height:25px!important}
.df-premium-photo-lock svg,.df-premium-free-gallery-label svg{color:#f0c46e!important;filter:drop-shadow(0 2px 5px #d39a4670)}
.df-chat-free-count a .df-premium-crown-mark{width:20px!important;height:20px!important;vertical-align:middle}
.df-chat-free-count a .df-premium-crown-mark svg{width:18px!important;height:18px!important}
.df-chat-premium-limit .df-premium-crown-mark{width:34px!important;height:35px!important}
.df-chat-premium-limit .df-premium-crown-mark svg{width:30px!important;height:30px!important}
.df-premium-promo>svg:first-child{stroke:#efc46b!important;filter:drop-shadow(0 2px 6px #d6a23c70)}

/* Premium mark: golden Lucide crown with legible micro-label everywhere in Free. */
.df-premium-crown-mark{flex-direction:column!important;gap:0!important;overflow:visible!important;white-space:nowrap!important;vertical-align:middle}
.df-premium-crown-mark small{display:block!important;line-height:1.05!important;font-size:9px!important;font-weight:800!important;letter-spacing:.02em!important;color:#f0c46e!important;text-align:center!important;text-shadow:0 1px 5px #000b!important;filter:none!important}
.df-premium-filter-teaser>.df-premium-crown-mark{width:61px!important;height:59px!important}
.df-premium-filter-teaser>.df-premium-crown-mark svg{width:38px!important;height:38px!important}
.df-premium-crown-tab{width:54px!important;height:40px!important}
.df-premium-crown-tab svg{width:24px!important;height:24px!important}
.df-premium-crown-tab small{font-size:8px!important}
.df-premium-lock-avatar .df-premium-crown-mark{width:76px!important;height:80px!important}
.df-premium-lock-avatar .df-premium-crown-mark svg{width:53px!important;height:53px!important}
.df-premium-lock-avatar .df-premium-crown-mark small{font-size:11px!important}
.df-premium-photo-tile>.df-premium-crown-mark{width:76px!important;height:78px!important}
.df-premium-photo-tile>.df-premium-crown-mark svg{width:49px!important;height:49px!important}
.df-premium-photo-tile>.df-premium-crown-mark small{font-size:11px!important}
.df-premium-photo-cta .df-premium-crown-mark{width:56px!important;height:34px!important}
.df-premium-photo-cta .df-premium-crown-mark svg{width:25px!important;height:25px!important}
.df-premium-photo-cta .df-premium-crown-mark small{font-size:8px!important}
.df-chat-free-count a .df-premium-crown-mark{width:44px!important;height:31px!important;margin-right:2px}
.df-chat-free-count a .df-premium-crown-mark svg{width:19px!important;height:19px!important}
.df-chat-free-count a .df-premium-crown-mark small{font-size:7px!important}
.df-chat-premium-limit .df-premium-crown-mark{width:57px!important;height:44px!important}
.df-chat-premium-limit .df-premium-crown-mark svg{width:30px!important;height:30px!important}

/* Account deletion – deliberately separate from the Save action. */
.df-profile-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 18px;padding:19px;border:1px solid #60414a;border-radius:15px;background:#241d24}
.df-profile-danger-zone strong{font-size:15px;color:#f2d6db!important}
.df-profile-danger-zone p{margin:5px 0 0;color:#ac9da8!important;font-size:13px;line-height:1.5}
.df-profile-delete-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 13px;background:#382329;color:#ffb6be!important;border:1px solid #89515b;border-radius:11px;text-decoration:none!important;white-space:nowrap;font-weight:650;font-size:13px}
.df-profile-delete-link svg{width:18px;height:18px}
.df-delete-account-page{max-width:660px;margin:0 auto;padding:10px 0 90px}
.df-delete-back{display:inline-flex;align-items:center;gap:7px;color:#aebcc6!important;margin-bottom:17px;text-decoration:none;font-size:13px}
.df-delete-back svg{width:19px;height:19px}
.df-delete-account-card{padding:30px;background:#1a2028;border:1px solid #53434b;border-radius:20px}
.df-delete-icon{display:grid;place-items:center;background:#462630;color:#f5a3b0;border-radius:16px;width:58px;height:58px}
.df-delete-icon svg{width:30px;height:30px}
.df-delete-account-card h1{font-size:27px;color:#fff;margin:18px 0 7px}
.df-delete-account-card>p{color:#adbac3;line-height:1.6;margin-bottom:20px}
.df-delete-warning{padding:17px 20px;background:#30232b;border:1px solid #78434e;border-radius:13px;color:#e1c5cd}
.df-delete-warning strong{color:#ffcad0!important}
.df-delete-warning ul{padding-left:20px;margin-bottom:0;line-height:1.8;font-size:13px}
.df-delete-account-form{display:flex;flex-direction:column;gap:15px;margin-top:22px}
.df-delete-account-form label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:13px}
.df-delete-account-form input{min-height:46px;padding:10px 13px}
.df-delete-submit{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;background:#a34353;color:#fff;border:1px solid #d66e7b;border-radius:12px;font-weight:750;cursor:pointer}
.df-delete-submit:disabled{opacity:.38;cursor:not-allowed}
.df-delete-submit svg{width:20px;height:20px}
.df-delete-cancel{text-align:center;padding:11px;color:#c2cfd4!important;text-decoration:none}
@media(max-width:640px){.df-profile-danger-zone{flex-direction:column;align-items:stretch}.df-profile-delete-link{width:100%}.df-delete-account-card{padding:19px}.df-delete-account-page{padding-bottom:120px}}