/* Profile surface system: semantic variation without nested-card clutter. */
:root{
  /* Keep the profile cadence readable while allowing the site-wide coffee
     motif to remain visible underneath every section. */
  --profile-surface-paper:rgba(255,253,249,.82);
  --profile-surface-mint:rgba(237,245,241,.78);
  --profile-surface-sky:rgba(237,245,247,.78);
  --profile-surface-citrus:rgba(255,244,223,.8);
  --profile-surface-border:rgba(10,28,37,.13);
  --profile-surface-shadow:0 12px 30px rgba(10,28,37,.07);
  --kalimera-private-pattern-opacity:.2;
  --kalimera-private-pattern-size:620px;
}

/* The coffee/Greek tile is a private-profile-only backdrop. Keep it on an
   isolated, fixed layer so the SVG stays transparent and profile content
   remains fully opaque. Public profiles keep their existing plain surfaces. */
html:not([data-public-profile-route]) body.profile-page{
  position:relative;
  isolation:isolate;
  background-color:var(--paper)!important;
  background-image:none!important;
}
html:not([data-public-profile-route]) body.profile-page::before{
  display:none!important;
}
html:not([data-public-profile-route]) body.profile-page > .profile-pattern-layer{
  position:fixed;
  inset:-620px 0;
  z-index:0;
  pointer-events:none;
  background-image:url("kalimera-tile.svg?v=20260915-private-pattern-1");
  background-repeat:repeat;
  background-size:var(--kalimera-private-pattern-size) var(--kalimera-private-pattern-size);
  background-position:center top;
  opacity:var(--kalimera-private-pattern-opacity);
  transform:translate3d(0,var(--kalimera-private-pattern-shift,0px),0);
  will-change:transform;
}
html:not([data-public-profile-route]) body.profile-page > :is(#top,.site-header,main,footer){
  position:relative;
  z-index:1;
}
/* The shared motion layer marks #profile as a parallax surface and adds a
   historical vector artwork layer.  On the private route that layer (and its
   opaque gradient surface) would paint above the new tile and hide it.  Keep
   the shell transparent; profile cards retain their own readable surfaces. */
html:not([data-public-profile-route]) body.profile-page #profile.kalimera-vector-parallax{
  background:transparent!important;
  background-image:none!important;
}
html:not([data-public-profile-route]) body.profile-page #profile > .kalimera-vector-parallax-layer{
  display:none!important;
}
@media(max-width:700px){
  html:not([data-public-profile-route]) body.profile-page > .profile-pattern-layer{
    inset:-540px 0;
    background-size:540px 540px;
  }
}
@media(prefers-reduced-motion:reduce){
  html:not([data-public-profile-route]) body.profile-page > .profile-pattern-layer{
    transform:none;
    will-change:auto;
  }
}

body.profile-page #profileContent,
.public-profile-page .public-profile-card{
  display:grid;
  gap:18px;
}

body.profile-page #profileContent>.profile-card,
.public-profile-page :is(.public-profile-about,.public-profile-overview-card,.public-profile-settings,.public-profile-beans,.public-profile-equipment,.public-profile-gallery,.public-profile-coffee-corner){
  border:1px solid var(--profile-surface-border)!important;
  box-shadow:var(--profile-surface-shadow)!important;
}

body.profile-page #profileContent>:is(#profileCoffeeJourney,#profileBeans,#profileAnalytics),
.public-profile-page :is(.public-profile-overview-card,.public-profile-beans,.public-profile-gallery){background:var(--profile-surface-mint)!important}
body.profile-page #profileContent>:is(#profileCoffeeJournal,#profileEquipment),
.public-profile-page :is(.public-profile-about,.public-profile-equipment){background:var(--profile-surface-paper)!important}
body.profile-page #profileContent>:is(#profileCoffeeCorner,#profilePresets,#profileMaintenance),
.public-profile-page :is(.public-profile-settings,.public-profile-coffee-corner){background:var(--profile-surface-citrus)!important}
body.profile-page #profileContent>:is(#profileGallery),
.public-profile-page .public-profile-gallery{background:var(--profile-surface-sky)!important}

/* Public profiles can hide arbitrary sections. Re-apply the four-surface
   cadence from the visible order so two identical bands never become
   neighbours when an intermediate section is absent. */
.public-profile-page [data-profile-surface="paper"]{background:var(--profile-surface-paper)!important}
.public-profile-page [data-profile-surface="sage"]{background:var(--profile-surface-mint)!important}
.public-profile-page [data-profile-surface="citrus"]{background:var(--profile-surface-citrus)!important}
.public-profile-page [data-profile-surface="sky"]{background:var(--profile-surface-sky)!important}

body.profile-page #profileContent>.profile-identity-card,
.public-profile-page .public-profile-identity{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.public-profile-page .public-profile-card{
  width:100%;
  max-width:none;
  margin-inline:0!important;
  padding:0 0 72px;
  overflow-x:clip;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.public-profile-page :is(.public-profile-identity,.public-profile-share-row,.public-profile-about,.public-profile-overview-card,.public-profile-settings,.public-profile-beans,.public-profile-equipment,.public-profile-gallery,.public-profile-coffee-corner,#publicProfileStatus){
  width:min(var(--profile-content-max-width),calc(100% - 32px));
  margin-inline:auto!important;
  box-sizing:border-box;
}
.public-profile-page .public-profile-cover{width:100%!important;margin:0!important}
.public-profile-page .public-profile-identity{display:flex;align-items:flex-end;gap:16px;margin-top:-64px!important;position:relative;z-index:2}
.public-profile-page .public-profile-identity-copy{display:grid;align-content:end;gap:10px;min-width:0;padding:0 0 10px!important}
.public-profile-page .public-profile-name-line{display:flex;align-items:center;min-width:0;padding:0!important;background:transparent!important}
.public-profile-page .public-profile-name-line h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-profile-page .public-profile-share-row{
  display:flex;
  justify-content:flex-end;
  min-height:36px;
  margin-block:-8px -10px!important;
}
.public-profile-page .public-profile-share-row .profile-share-control{margin:0!important}
.public-profile-page :is(.public-profile-about,.public-profile-overview-card,.public-profile-settings,.public-profile-beans,.public-profile-equipment,.public-profile-gallery,.public-profile-coffee-corner){padding:24px!important;border-radius:18px!important}
.public-profile-page :is(#publicProfileSettingsList,#publicProfileBeansList,#publicProfileEquipmentList){display:grid;gap:9px}
.public-profile-page .public-profile-stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;gap:9px!important;margin:0!important}
.public-profile-page .public-profile-stats>div{min-width:0;min-height:72px!important;padding:10px 7px!important;border:1px solid rgba(10,28,37,.1)!important;border-radius:12px!important;background:rgba(255,253,249,.76)!important}
.public-profile-page .public-profile-bean{display:grid;gap:7px}
.public-profile-page .public-profile-bean-link{min-height:32px;padding:5px 10px;text-decoration:none}
.profile-preferences-help{margin:0 0 6px;color:#60717b;font-size:.82rem;line-height:1.45}
.public-profile-page>.profile-section-quick-nav{display:none}

/* A native dialog must never participate in profile layout or skeleton size. */
#profileAvatarDialog:not([open]),#profileCoverDialog:not([open]),#profileSettingsDialog:not([open]){display:none!important}

/* Profile-media selection uses the same calm translucent surface as the
   sticky navigation. The real controls remain unchanged; only their shared
   container hierarchy is brought into the same visual system. */
#profileAvatarDialog.profile-avatar-dialog.kalimera-responsive-overlay>.profile-avatar-dialog-card.kalimera-overlay-surface{
  border:1px solid rgba(36,107,138,.2)!important;
  background:linear-gradient(90deg,rgba(255,253,249,.96),rgba(244,249,247,.97))!important;
  box-shadow:0 18px 52px rgba(16,47,63,.18)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08);
  backdrop-filter:blur(16px) saturate(1.08);
}
#profileAvatarDialog.profile-avatar-dialog.kalimera-responsive-overlay :is(.kalimera-overlay-header,.kalimera-overlay-footer){
  background:rgba(255,253,249,.84)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
#profileAvatarDialog.profile-avatar-dialog.kalimera-responsive-overlay .kalimera-overlay-body{
  background:rgba(255,253,249,.55);
}

@media(max-width:700px){
  body.profile-page #profileContent,.public-profile-page .public-profile-card{gap:13px}
  .public-profile-page .public-profile-identity{gap:11px;margin-top:-48px!important}
  .public-profile-page .public-profile-identity-copy{gap:7px;padding-bottom:5px!important}
  .public-profile-page :is(.public-profile-about,.public-profile-overview-card,.public-profile-settings,.public-profile-beans,.public-profile-equipment,.public-profile-gallery,.public-profile-coffee-corner){padding:17px!important;border-radius:15px!important}
  .public-profile-page .public-profile-stats{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))!important;gap:7px!important}
  .public-profile-page .public-profile-stats>div{min-height:60px!important;padding:8px 5px!important}
  .public-profile-page .public-profile-stats strong{font-size:21px!important}
  .public-profile-page .public-profile-stats span{font-size:11px!important}
  .public-profile-page .public-profile-name-line h1{font-size:21px!important}
  .public-profile-page>.profile-section-quick-nav{display:block}
}

/* Restored two-surface profile palette ------------------------------------
   Progress is the one deep-blue information panel. The remaining private
   sections return to the calm warm paper surface instead of cycling through
   four unrelated pastels. */
:root{
  --profile-info-surface:linear-gradient(135deg,rgba(10,28,37,.92) 0%,rgba(22,53,71,.9) 50%,rgba(40,98,125,.88) 100%);
  --profile-content-surface:rgba(255,253,249,.84);
  --profile-surface-backdrop-blur:14px;
}
body.profile-page #profileContent>:is(#profileBeans,#profileAnalytics,#profileCoffeeJournal,#profileEquipment,#profileCoffeeCorner,#profilePresets,#profileMaintenance,#profileGallery){
  background:var(--profile-content-surface)!important;
}
body.profile-page #profileContent>#profileCoffeeJourney{
  background:var(--profile-info-surface)!important;
}

/* Keep the private journey on the same surface contract as the profile
   navigation and modal cards.  The legacy information gradient remains
   available for public-profile overview surfaces, but must not leak into the
   private journey when this stylesheet is loaded without the later upgrade
   bundle (or when styles are reordered by a cached document). */
body.profile-page #profileContent>#profileCoffeeJourney{
  background:var(--kalimera-header-glass-background)!important;
  border-color:var(--kalimera-header-glass-border)!important;
  box-shadow:var(--kalimera-header-glass-shadow)!important;
  -webkit-backdrop-filter:var(--kalimera-header-glass-blur)!important;
  backdrop-filter:var(--kalimera-header-glass-blur)!important;
  color:var(--kalimera-header-glass-text)!important;
}
body.profile-page #profileContent>.profile-card:not(.profile-identity-card),
.public-profile-page :is(.public-profile-about,.public-profile-overview-card,.public-profile-settings,.public-profile-beans,.public-profile-equipment,.public-profile-gallery,.public-profile-coffee-corner){
  -webkit-backdrop-filter:blur(var(--profile-surface-backdrop-blur)) saturate(1.04);
  backdrop-filter:blur(var(--profile-surface-backdrop-blur)) saturate(1.04);
}

/* The private journey keeps its blue information surface, while the level
   name uses Kalimera's muted copper accent instead of stark white. */
body.profile-page #profileCoffeeJourney #profileCoffeeJourneyTitle{
  color:#fffdf9!important;
}
body.profile-page #profileCoffeeJourney #profileCoffeeJourneyTitle .profile-journey-title-separator{
  color:#e0a06f!important;
}

/* Public and private profiles share one wider content rail and one card
   language. The previous 900px cap left roughly 834px of usable content on
   desktop after page gutters, making every section feel unnecessarily narrow.
   Keep the public cover full-bleed while its content aligns to this rail. */
:root{--profile-content-max-width:1120px}
body.profile-page #profileContent{
  width:min(var(--profile-content-max-width),calc(100% - 32px));
  max-width:var(--profile-content-max-width);
  margin-inline:auto!important;
  box-sizing:border-box;
  min-width:0;
}
.public-profile-page .public-profile-card{
  width:100vw;
  max-width:100vw;
  margin-inline:calc(50% - 50vw)!important;
}

/* Keep the two top-level private-profile surfaces on the same responsive
   content rail.  The journey card used to be allowed to resolve against a
   narrower grid item/wrapper, leaving its dark surface visibly inset beside
   the About panel.  Both cards now fill the rail supplied by #profileContent;
   no fixed offsets or internal padding changes are needed. */
body.profile-page #profileContent > :is(.profile-identity-card,#profileCoffeeJourney){
  width:100%;
  max-width:none;
  margin-inline:0!important;
  align-self:stretch;
  box-sizing:border-box;
}
body.profile-page #profileContent > #profileCoffeeJourney{
  min-width:0;
}

/* Keep failure feedback in the same rail as the profile cards. The profile
   request can fail independently of the account/header request, so this must
   remain visible while the dashboard content is still withheld. */
body.profile-page #profileRouteStatus{
  width:min(var(--profile-content-max-width),calc(100% - 32px));
  margin:18px auto 0!important;
  padding:13px 16px;
  border:1px solid rgba(180,76,58,.28);
  border-radius:14px;
  background:rgba(255,246,240,.92);
  color:#7c3024;
  font:700 .95rem/1.45 Assistant,Arial,sans-serif;
  text-align:start;
}
body.profile-page #profileRouteStatus[hidden]{display:none!important}
body.profile-page #profileContent>.profile-card{min-width:0}
body.profile-page #profileContent>.profile-card .profile-surface-error{
  margin:14px 0 0;
  padding:11px 13px;
  border:1px solid rgba(180,76,58,.28);
  border-radius:11px;
  background:rgba(255,246,240,.84);
  color:#7c3024;
  font:700 .88rem/1.4 Assistant,Arial,sans-serif;
}
body.profile-page #profileContent>.profile-card .profile-surface-error::before{
  content:'!';
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  margin-inline-end:7px;
  border-radius:50%;
  background:#b44c3a;
  color:#fff;
  font:900 .78rem/1 Rubik,Arial,sans-serif;
}

/* Inner rows inherit the profile glass language instead of reverting to the
   legacy opaque white cards. Keep their own contrast so text remains legible
   over the translucent parent surface. */
body.profile-page #profileContent>.profile-card:not(.profile-identity-card) :is(.profile-preset-row,.profile-equipment-row,.profile-bean-row,.profile-analytics-panel,.profile-analytics-summary,.maintenance-equipment-row){
  background:rgba(255,255,255,.1)!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.profile-page #profileContent>.profile-card:not(.profile-identity-card) :is(.profile-preset-row,.profile-equipment-row,.profile-bean-row,.profile-analytics-panel,.profile-analytics-summary,.maintenance-equipment-row) :is(strong,b,dt,dd,h3,h4,label){color:var(--kalimera-header-glass-text)!important}
body.profile-page #profileContent>.profile-card:not(.profile-identity-card) :is(.profile-preset-row,.profile-equipment-row,.profile-bean-row,.profile-analytics-panel,.profile-analytics-summary,.maintenance-equipment-row) :is(span,small,p){color:var(--kalimera-header-glass-muted)!important}

/* Make the shared surface treatment perceptible over the private tile. The
   previous .84 alpha read as an opaque white card, so the backdrop never
   registered in normal viewing. Keep the identity/cover and dark journey
   surfaces untouched; only the supporting profile sections become a readable
   frosted layer with a clear but restrained edge. */
body.profile-page #profileContent>.profile-card:not(.profile-identity-card):not(#profileCoffeeJourney){
  background:rgba(255,253,249,.7)!important;
  border-color:rgba(255,255,255,.62)!important;
  box-shadow:0 16px 34px rgba(10,28,37,.1),inset 0 1px 0 rgba(255,255,255,.44)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.06);
  backdrop-filter:blur(18px) saturate(1.06);
}
@media(max-width:700px){
  /* Keep mobile overlays inside the viewport instead of allowing the later
     bottom-sheet defaults to paint flush against both screen edges. */
  body.profile-page .notifications-panel.notifications-panel-portal.kalimera-responsive-overlay,
  body.profile-page .profile-settings-dialog.kalimera-responsive-overlay{
    inset-inline:8px!important;
    width:auto!important;
    max-width:none!important;
    margin-inline:0!important;
  }
  body.profile-page .notifications-panel.notifications-panel-portal.kalimera-responsive-overlay{
    height:calc(var(--overlay-viewport-height,100dvh) - 16px)!important;
    max-height:calc(var(--overlay-viewport-height,100dvh) - 16px)!important;
  }
  body.profile-page .profile-settings-dialog.kalimera-responsive-overlay{
    max-height:calc(var(--overlay-viewport-height,100dvh) - 16px)!important;
  }
  body.profile-page .profile-settings-dialog .profile-settings-scroll{
    scrollbar-color:rgba(255,255,255,.5) rgba(255,255,255,.1)!important;
  }
  body.profile-page .profile-settings-dialog .profile-settings-scroll::-webkit-scrollbar-track{
    background:rgba(255,255,255,.1)!important;
  }
  body.profile-page .profile-settings-dialog .profile-settings-scroll::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.5)!important;
    background-clip:padding-box!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important;
  }
  body.profile-page .profile-settings-dialog .profile-settings-scroll::-webkit-scrollbar-thumb:hover,
  body.profile-page .profile-settings-dialog .profile-settings-scroll::-webkit-scrollbar-thumb:active{
    background:#efaa5a!important;
    background-clip:padding-box!important;
  }
  body.profile-page #profileContent{
    width:calc(100% - 16px)!important;
  }
  body.profile-page #profileContent>.profile-card:not(.profile-identity-card):not(#profileCoffeeJourney){
    background:rgba(255,253,249,.74)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.04);
    backdrop-filter:blur(12px) saturate(1.04);
  }
}

/* The private cover is a full-bleed social-profile surface. Keep the
   identity/details rails centered inside it, but let the cover itself reach
   both viewport edges just like the public profile cover. */
body.profile-page #profileContent > .profile-identity-card{
  width:100vw;
  max-width:100vw;
  margin-inline:calc(50% - 50vw)!important;
}
body.profile-page #profileContent > .profile-identity-card > .profile-cover{
  width:100%!important;
  max-width:none;
  margin-inline:0!important;
}

/* Covers own their full-bleed geometry instead of inheriting it from a card.
   This keeps both routes edge-to-edge even when future profile wrappers gain
   a max width or inline padding. */
body.profile-page #profileCover,
.public-profile-page #publicProfileCover{
  width:100%!important;
  inline-size:100vw!important;
  max-inline-size:100vw!important;
  margin-inline:calc(50% - 50vw)!important;
}

/* Keep the private cover edge-to-edge even when the profile content rail or
   identity card gains a narrower layout constraint.  The identity/details
   content remains on its existing rail; only the cover escapes that rail. */
body.profile-page #profileContent > .profile-identity-card > #profileCover{
  display:block!important;
  width:100vw!important;
  inline-size:100vw!important;
  max-width:none!important;
  max-inline-size:100vw!important;
  margin-inline:calc(50% - 50vw)!important;
}
.public-profile-page :is(.public-profile-about,.public-profile-settings,.public-profile-beans,.public-profile-equipment,.public-profile-gallery,.public-profile-coffee-corner){
  margin-block:0!important;
  background:var(--profile-content-surface)!important;
}
.public-profile-page :is(.public-profile-about,.public-profile-settings,.public-profile-beans,.public-profile-equipment,.public-profile-gallery,.public-profile-coffee-corner)>h2{
  margin:0 0 14px!important;
  padding-block-end:14px;
  border-block-end:1px solid rgba(22,53,71,.1);
  color:#163547;
  font:900 25px/1.08 Rubik,Arial,sans-serif;
  letter-spacing:-.04em;
}
.public-profile-page :is(.public-profile-setting,.public-equipment-item,.public-profile-bean){
  box-sizing:border-box;
  width:100%;
  min-height:74px;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid rgba(22,53,71,.13)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.public-profile-page :is(.public-profile-setting,.public-equipment-item):is(:hover,:focus-visible){
  border-color:rgba(43,110,143,.32)!important;
  outline:0;
}

/* Public identity: raise the portrait further into the cover while keeping
   both the member name and its share action on calm rows below the cover. */
.public-profile-page .public-profile-identity{
  --public-avatar-overlap-size:110px;
  align-items:flex-start;
  margin-top:calc(0px - var(--public-avatar-overlap-size))!important;
}
.public-profile-page .public-profile-avatar{
  align-self:flex-start;
}
.public-profile-page .public-profile-identity-copy{
  display:grid!important;
  align-content:start!important;
  gap:8px!important;
  width:100%;
  padding-top:calc(var(--public-avatar-overlap-size) + 2px)!important;
  padding-bottom:0!important;
}
.public-profile-page .public-profile-name-line{
  align-self:auto!important;
  min-height:36px!important;
}

/* The public overview borrows the private information panel rather than
   presenting five disconnected squares. Two primary metrics sit above three
   supporting metrics in a balanced 6-column composition. */
.public-profile-page .public-profile-overview-card{
  background:var(--profile-info-surface)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 18px 38px rgba(10,28,37,.14)!important;
}
.public-profile-page .public-profile-overview-card .public-profile-stats{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:10px!important;
}
.public-profile-page .public-profile-overview-card .public-profile-stats>div{
  grid-column:span 2;
  display:grid!important;
  place-content:center!important;
  place-items:center!important;
  gap:5px;
  min-height:66px!important;
  padding:13px 15px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.085)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11)!important;
  text-align:center!important;
}
.public-profile-page .public-profile-overview-card .public-profile-stats[data-items="5"]>div:nth-child(-n+2){
  grid-column:span 3;
  min-height:78px!important;
  background:rgba(255,255,255,.12)!important;
}
.public-profile-page .public-profile-overview-card .public-profile-stats[data-items="4"]>div,
.public-profile-page .public-profile-overview-card .public-profile-stats[data-items="2"]>div{grid-column:span 3}
.public-profile-page .public-profile-overview-card .public-profile-stats[data-items="3"]>div{grid-column:span 2}
.public-profile-page .public-profile-overview-card .public-profile-stats[data-items="1"]>div{grid-column:1/-1}
.public-profile-page .public-profile-overview-card .public-profile-stats strong{
  color:#fffdf9!important;
  font-size:29px!important;
}
.public-profile-page .public-profile-overview-card .public-profile-stats span{
  color:#d7ebed!important;
  font-size:13px!important;
}

@media(max-width:700px){
  .public-profile-page .public-profile-identity{--public-avatar-overlap-size:75px}
  .public-profile-page .public-profile-identity-copy{
    gap:6px!important;
    padding-top:calc(var(--public-avatar-overlap-size) + 2px)!important;
  }
  .public-profile-page .public-profile-share-row{margin-block:-5px -7px!important}
  .public-profile-page .public-profile-overview-card .public-profile-stats{gap:7px!important}
  .public-profile-page .public-profile-overview-card .public-profile-stats>div{
    min-height:56px!important;
    padding:10px 9px!important;
    border-radius:10px!important;
  }
  .public-profile-page .public-profile-overview-card .public-profile-stats[data-items="5"]>div:nth-child(-n+2){min-height:62px!important}
  .public-profile-page .public-profile-overview-card .public-profile-stats strong{font-size:23px!important}
  .public-profile-page .public-profile-overview-card .public-profile-stats span{font-size:11px!important}
  .public-profile-page :is(.public-profile-about,.public-profile-settings,.public-profile-beans,.public-profile-equipment,.public-profile-gallery,.public-profile-coffee-corner)>h2{
    margin-bottom:11px!important;
    padding-block-end:11px;
    font-size:21px;
  }
  .public-profile-page :is(.public-profile-setting,.public-equipment-item,.public-profile-bean){
    min-height:68px;
    padding:11px 12px!important;
    border-radius:11px!important;
  }
}