.mood-app{margin:0;padding:0 0 calc(104px + env(safe-area-inset-bottom));background:var(--ma-bg);color:var(--ma-ink);font:16px/1.65 var(--ma-font);-webkit-text-size-adjust:100%}.mood-app *{box-sizing:border-box}.mood-app [hidden]{display:none!important}.mood-app h1,.mood-app h2,.mood-app h3{font-family:var(--ma-head);color:inherit;line-height:1.15;letter-spacing:-.025em}.mood-app h1{font-size:5.2rem;font-size:clamp(2.7rem,6vw,5.2rem);font-weight:550;margin:16px 0 22px;max-width:950px;overflow-wrap:anywhere}.mood-app h2{font-size:2.25rem;font-size:clamp(1.5rem,3vw,2.25rem);margin:0 0 16px;font-weight:600}.mood-app h3{font-size:1.65rem;margin:12px 0 16px;font-weight:600;overflow-wrap:anywhere}.mood-app p{font:inherit;color:inherit}.mood-app a{color:inherit}.mood-app button,.mood-app input,.mood-app textarea,.mood-app select{font:inherit}.mood-app a:focus-visible,.mood-app button:focus-visible,.mood-app input:focus-visible,.mood-app select:focus-visible,.mood-app textarea:focus-visible{outline:3px solid var(--ma-main);outline-offset:4px}.ma-skip{position:fixed;top:-150px;left:15px;z-index:100;background:var(--ma-card);color:var(--ma-ink);padding:15px}.ma-skip:focus{top:12px}.mood-app .ma-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px max(5vw,24px);padding-top:max(22px,env(safe-area-inset-top));min-height:94px;background:var(--ma-card);border-bottom:1px solid color-mix(in srgb,var(--ma-ink) 16%,transparent)}.mood-app .ma-brand{font-family:var(--ma-head);font-size:1.8rem;font-size:clamp(1.15rem,2.5vw,1.8rem);font-weight:650;line-height:1.25;text-decoration:none;overflow-wrap:anywhere;min-width:0;max-width:850px}.ma-brand img{display:block;width:var(--ma-logo);max-width:100%;height:auto;max-height:84px;object-fit:contain}.mood-app .ma-logo-center{grid-template-columns:minmax(54px,1fr) auto minmax(54px,1fr);gap:12px}.ma-logo-center .ma-brand{grid-column:2;justify-self:center;text-align:center;max-width:min(60vw,650px)}.ma-logo-center .ma-account{grid-column:3;justify-self:end}.ma-account{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;border:1px solid currentColor;border-radius:100px;padding:8px 16px;font-size:.9rem;white-space:nowrap}.mood-app .ma-header-dark{background:var(--ma-main);color:var(--ma-on)}.mood-app .ma-main{width:100%;max-width:1280px;margin:0 auto;padding:0 max(5vw,24px) 38px;min-height:65vh}.ma-hero{padding:78px 0 50px;padding:clamp(44px,6vw,84px) 0 50px;position:relative}.ma-eyebrow{text-transform:uppercase;font-size:.74rem!important;letter-spacing:.13em;font-weight:750!important;margin:0}.ma-lead{font-size:1.14rem!important;line-height:1.7;max-width:720px;margin:0 0 28px;white-space:pre-line}.mood-app .ma-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 23px;background:var(--ma-main);color:var(--ma-on)!important;border:1px solid var(--ma-main);border-radius:9px;text-decoration:none;cursor:pointer;font-weight:650;line-height:1.4;max-width:100%;text-align:center;white-space:normal}.mood-app .ma-button:hover{filter:brightness(.94)}.mood-app .ma-outline{background:transparent;color:var(--ma-ink)!important;border-color:currentColor}.mood-app .ma-button:disabled{opacity:.5;cursor:default}.ma-hero-paths{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.ma-hero-paths>a{display:flex;align-items:center;gap:14px;padding:10px 16px;text-decoration:none;border:1px solid color-mix(in srgb,var(--ma-ink) 20%,transparent);border-radius:50px;min-height:44px;font-size:.83rem}.ma-hero-paths strong{font-weight:500}.ma-hero-paths span:last-child{margin-left:auto}.ma-section{margin:28px 0 60px}.ma-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.ma-section-head h2{margin:0}.ma-section-head>span{font-size:.87rem;max-width:280px;text-align:right}.ma-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ma-area{position:relative;display:flex;flex-direction:column;text-decoration:none;background:var(--ma-card);border:1px solid color-mix(in srgb,var(--ma-ink) 18%,transparent);border-radius:16px;overflow:hidden;min-width:0;transition:transform .16s,box-shadow .16s}.ma-area:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000000d}.ma-area>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.ma-area-body{position:relative;display:flex;flex-direction:column;padding:28px;flex:1;min-height:230px}.ma-symbol{font-size:2rem;color:var(--ma-main);line-height:1.15;margin-bottom:10px}.ma-index{position:absolute;top:29px;right:26px;font-size:.72rem;opacity:.7;font-variant-numeric:tabular-nums}.ma-area p{font-size:.94rem;margin:0 0 28px;white-space:pre-line;overflow-wrap:anywhere}.ma-arrow{display:block;text-align:right;margin-top:auto;font-size:1.35rem}.ma-install-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;background:var(--ma-card);border:1px solid color-mix(in srgb,var(--ma-ink) 20%,transparent);border-radius:18px;margin:50px 0 24px}.ma-install-card h2{margin:7px 0 8px}.ma-install-card p{margin:0}.ma-install-card>.ma-button{flex-shrink:0}.ma-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:28px 24px;color:var(--ma-ink);font-size:.85rem;border-top:1px solid color-mix(in srgb,var(--ma-ink) 14%,transparent)}.ma-footer a{text-decoration:underline;text-underline-offset:4px}.ma-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,920px);display:flex;align-items:stretch;gap:5px;justify-content:center;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#fff;color:#182b38;border:1px solid #d8e0e6;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -8px 32px #0000000a;z-index:40}.ma-bottom a{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;text-decoration:none;font-size:.78rem;line-height:1.25;padding:9px 5px;min-height:48px;min-width:0;max-width:190px;border-radius:10px;overflow-wrap:anywhere;color:inherit}.ma-bottom a[aria-current]{background:var(--ma-main);color:var(--ma-on)}.ma-bottom [data-app-badge]:not(:empty){background:var(--ma-main);color:var(--ma-on);padding:1px 7px;border-radius:20px;font-size:.7rem}.ma-bottom a[aria-current] [data-app-badge]:not(:empty){background:var(--ma-on);color:var(--ma-main)}.ma-auth,.ma-install{padding:52px 0}.ma-auth{max-width:650px;margin:auto}.ma-auth h1{font-size:clamp(2.4rem,5vw,4rem)}.mood-app label{display:block;font-weight:650;margin:18px 0}.mood-app input:not([type=checkbox]){display:block;width:100%;min-height:48px;padding:12px;border:1px solid color-mix(in srgb,var(--ma-ink) 60%,transparent);border-radius:8px;background:var(--ma-card);color:var(--ma-ink);margin:8px 0;max-width:100%}.mood-app .ma-check{display:flex;align-items:center;gap:10px}.ma-auth .ma-button{margin:12px 10px 12px 0}.ma-alert,.ma-preview{padding:16px 22px;background:#fff2cb;color:#422d00!important;border:1px solid #d3b15c}.ma-preview{text-align:center;margin:0;font-size:.85rem!important}.ma-help-card{padding:28px;background:var(--ma-card);border:1px solid color-mix(in srgb,var(--ma-ink) 20%,transparent);border-radius:15px}.ma-help-card li{margin-bottom:12px}.ma-install>.ma-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:30px 0}.ma-install [data-mood-qr]{max-width:200px;margin:26px 0;background:white;padding:8px}.ma-install [data-mood-qr] svg{display:block;width:100%;height:auto}.ma-search{max-width:650px;display:flex;gap:18px;align-items:end;margin:25px 0}.ma-search label{flex:1;min-width:0;margin:0}.ma-search .ma-button{margin-bottom:8px}.ma-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0}.mood-app .mood-board{--mb-main:var(--ma-main);--mb-ink:var(--ma-ink);--mb-paper:var(--ma-card);--mb-on:var(--ma-on);font-family:var(--ma-font);padding-top:30px}.mood-app .mood-board h2{font-family:var(--ma-head)}
/* Three distinct compositions; each package supplies only its own identity. */
.ma-editorial .ma-area:nth-child(3n+1){border-top-left-radius:56px}.ma-editorial .ma-area:nth-child(3n+1) .ma-area-body{padding-top:34px}.ma-editorial .ma-hero{border-bottom:1px solid color-mix(in srgb,var(--ma-ink) 18%,transparent)}.ma-editorial .ma-hero h1{max-width:900px}.ma-editorial .ma-hero-paths{gap:12px}.ma-editorial .ma-area>img{aspect-ratio:4/3}
.ma-catalog .ma-hero{border-bottom:3px solid var(--ma-main);padding-bottom:38px}.ma-catalog .ma-hero h1{text-transform:uppercase;font-size:4.6rem;font-size:clamp(2.4rem,5.3vw,4.6rem);font-weight:650;max-width:1000px}.ma-catalog .ma-hero-paths{display:none}.ma-catalog .ma-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ma-catalog .ma-area,.ma-catalog .ma-help-card,.ma-catalog .ma-install-card{border-radius:2px}.ma-catalog .ma-area-body{padding:32px;min-height:220px}.ma-catalog .ma-index{position:static;font-size:.78rem;margin-bottom:14px;order:-1}.ma-catalog .ma-symbol{display:none}.ma-catalog .ma-area h3{font-size:1.9rem}.ma-catalog .ma-button{border-radius:2px}.ma-catalog .ma-area>img{aspect-ratio:16/9}.ma-catalog .ma-section-head{border-bottom:1px solid color-mix(in srgb,var(--ma-ink) 20%,transparent);padding-bottom:22px}
.ma-hub .ma-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);column-gap:56px;align-items:start}.ma-hub .ma-hero>.ma-eyebrow,.ma-hub .ma-hero>h1,.ma-hub .ma-hero>.ma-lead,.ma-hub .ma-hero>.ma-button{grid-column:1}.ma-hub .ma-hero>h1{font-size:4.5rem;font-size:clamp(2.6rem,4.8vw,4.5rem);margin-top:16px}.ma-hub .ma-hero>.ma-button{justify-self:start}.ma-hub .ma-hero-paths{grid-column:2;grid-row:1 / span 4;display:flex;flex-direction:column;gap:14px;margin:8px 0 0;align-self:center}.ma-hub .ma-hero-paths>a{border-radius:16px;background:var(--ma-card);padding:22px;min-height:92px;font-size:.95rem;border-color:color-mix(in srgb,var(--ma-main) 25%,transparent)}.ma-hub .ma-hero-paths>a>span:first-child{font-size:1.7rem;color:var(--ma-main)}.ma-hub .ma-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ma-hub .ma-area{border-radius:24px}.ma-hub .ma-area-body{min-height:205px;padding:27px}.ma-hub .ma-button{border-radius:100px}.ma-hub .ma-install-card{border-radius:28px}
/* Identity-specific detail, without replacing the administrator's chosen colors. */
.ma-edition-dolce.ma-editorial .ma-area:nth-child(3n+1){border-top-left-radius:76px}.ma-edition-dolce.ma-catalog .ma-area{border-radius:16px 16px 2px 2px}.ma-edition-dolce.ma-hub .ma-hero-paths>a{border-radius:28px 10px 28px 10px}.ma-edition-marmo .ma-account,.ma-edition-marmo .ma-area,.ma-edition-marmo .ma-install-card{border-radius:2px}.ma-edition-marmo.ma-editorial .ma-area:nth-child(3n+1){border-top-left-radius:2px}.ma-edition-marmo.ma-editorial .ma-hero{border-bottom:3px solid var(--ma-main)}.ma-edition-marmo.ma-hub .ma-hero-paths>a{border-radius:2px;border-left:4px solid var(--ma-main)}.ma-edition-marmo.ma-catalog .ma-area-body{border-top:3px solid var(--ma-main)}.ma-edition-valley.ma-editorial .ma-area:nth-child(3n+1){border-radius:26px}.ma-edition-valley.ma-catalog .ma-area{border-radius:12px}.ma-edition-valley.ma-catalog .ma-area-body{border-left:4px solid var(--ma-main)}.ma-edition-valley.ma-hub .ma-hero-paths>a:first-child{background:var(--ma-main);color:var(--ma-on)}.ma-edition-valley.ma-hub .ma-hero-paths>a:first-child>span:first-child{color:inherit}
@media(max-width:960px){.ma-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-hub .ma-hero{column-gap:26px;grid-template-columns:minmax(0,1.15fr) minmax(210px,.85fr)}.ma-hub .ma-hero-paths>a{padding:18px}.ma-area-body,.ma-catalog .ma-area-body{padding:23px}.ma-section-head>span{max-width:220px}.ma-install-card{padding:28px}}
@media(max-width:640px){.mood-app{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.mood-app .ma-header{padding:18px 20px;gap:16px;min-height:80px}.mood-app .ma-main{padding:0 20px 24px}.mood-app h1{font-size:clamp(2.3rem,9vw,3.4rem)}.ma-hero{padding:38px 0 32px}.ma-lead{font-size:1.03rem!important}.ma-area h3{font-size:1.5rem}.ma-grid,.ma-catalog .ma-grid,.ma-hub .ma-grid,.ma-install>.ma-grid{grid-template-columns:minmax(0,1fr)}.ma-area-body,.ma-hub .ma-area-body{min-height:180px;padding:24px}.ma-catalog .ma-area-body{min-height:175px;padding:24px}.ma-catalog .ma-hero h1{font-size:clamp(2rem,8.5vw,3rem)}.ma-catalog .ma-area h3{font-size:1.6rem}.ma-section-head{align-items:flex-start;flex-direction:column;gap:8px}.ma-section-head>span{max-width:100%;text-align:left}.ma-section{margin:28px 0 36px}.ma-install-card{flex-direction:column;align-items:flex-start;padding:25px;gap:22px}.ma-install-card>.ma-button{width:100%}.ma-bottom{padding:10px 7px calc(10px + env(safe-area-inset-bottom));gap:3px;border-radius:17px 17px 0 0}.ma-bottom a{font-size:.69rem;padding:8px 3px;min-height:52px}.ma-auth,.ma-install{padding:36px 0}.ma-search{gap:10px}.ma-search .ma-button{padding:13px 16px}.ma-help-card{padding:24px}.ma-pagination{gap:10px;font-size:.85rem}.ma-pagination .ma-button{padding:10px 15px}.ma-hub .ma-hero{display:block}.ma-hub .ma-hero>h1{font-size:clamp(2.3rem,8.7vw,3.1rem)}.ma-hub .ma-hero-paths{margin-top:28px;gap:10px}.ma-hub .ma-hero-paths>a{min-height:68px;padding:14px 18px}.ma-hub .ma-hero-paths>a>span:first-child{font-size:1.4rem}.ma-hero-paths>a{font-size:.8rem}.ma-account{padding:7px 13px;font-size:.84rem}.ma-footer{gap:14px}}
@media(prefers-reduced-motion:reduce){.ma-area{transition:none}.ma-area:hover{transform:none}}

/* App shell: a site's fixed desktop widths must never determine the app viewport. */
html.mood-app-document,
html.mood-app-document body#mood-app-shell {
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  float:none!important;
}
html.mood-app-document { padding:0!important; }
body#mood-app-shell {
  display:block;
  padding:0 0 var(--ma-nav-clearance,calc(110px + env(safe-area-inset-bottom)))!important;
}
body#mood-app-shell *,body#mood-app-shell *::before,body#mood-app-shell *::after {
  box-sizing:border-box;
}
body#mood-app-shell > #main.ma-main {
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:1280px!important;
  margin:0 auto!important;
  padding:0 5% 38px;
  float:none!important;
}
body#mood-app-shell > .ma-header {
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding-left:5%;padding-right:5%;
  grid-template-columns:minmax(0,1fr) auto;
}
body#mood-app-shell > .ma-header.ma-logo-center {
  grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);
}
body#mood-app-shell .ma-brand { min-width:0;max-width:100%;white-space:normal; }
body#mood-app-shell .ma-brand img {
  display:block;position:static;
  width:var(--ma-logo)!important;
  min-width:0!important;max-width:100%!important;
  height:auto!important;min-height:0!important;max-height:84px!important;
  object-fit:contain;
  margin:0;
}
body#mood-app-shell .ma-account { min-width:0;max-width:100%; }
body#mood-app-shell :is(.ma-hero,.ma-section,.ma-section-head,.ma-area-body,.ma-install,.ma-auth,.ma-install-card,.ma-help-card,.ma-search,.ma-footer,.ma-preview) {
  min-width:0!important;max-width:100%!important;
}
body#mood-app-shell :is(h1,h2,h3,p,.ma-preview,.ma-section-head>span,.ma-hero-paths strong) {
  min-width:0;max-width:100%;
  white-space:normal!important;
  overflow-wrap:anywhere;word-break:normal;
}
body#mood-app-shell p { white-space:pre-line!important; }
body#mood-app-shell .ma-grid {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%!important;min-width:0!important;max-width:100%!important;
}
body#mood-app-shell.ma-catalog .ma-grid,
body#mood-app-shell.ma-hub .ma-grid,
body#mood-app-shell .ma-install>.ma-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
body#mood-app-shell .ma-area {
  display:block!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;
}
/* A proportional frame preserves the whole photograph or logo at every width. */
body#mood-app-shell .ma-area .ma-area-media {
  display:block!important;position:relative!important;
  flex:none;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:0!important;min-height:0!important;
  padding:62.5% 0 0!important;margin:0!important;
  overflow:hidden;
}
body#mood-app-shell.ma-editorial .ma-area .ma-area-media { padding-top:75%!important; }
body#mood-app-shell.ma-catalog .ma-area .ma-area-media { padding-top:56.25%!important; }
body#mood-app-shell .ma-area .ma-area-media>img {
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:100%!important;min-height:0!important;max-height:100%!important;
  margin:0!important;padding:0!important;border:0!important;
  object-fit:contain!important;object-position:center!important;
  aspect-ratio:auto!important;
}
body#mood-app-shell .ma-area-body { width:100%; }
body#mood-app-shell .ma-hero-paths { min-width:0;max-width:100%; }
body#mood-app-shell .ma-hero-paths>a {
  min-width:0;max-width:100%;white-space:normal;
}
body#mood-app-shell .ma-hero-paths>a>span { flex-shrink:0; }
body#mood-app-shell .ma-hero-paths strong { flex:1 1 auto;min-width:0; }
body#mood-app-shell .ma-bottom {
  width:100%!important;min-width:0!important;max-width:920px!important;
}
body#mood-app-shell .ma-bottom a { min-width:0;white-space:normal; }
@media(max-width:960px) {
  body#mood-app-shell .ma-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:640px) {
  body#mood-app-shell > #main.ma-main { padding:0 18px 24px!important; }
  body#mood-app-shell > .ma-header { padding-left:18px!important;padding-right:18px!important;gap:10px; }
  body#mood-app-shell > .ma-header.ma-logo-center { grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr); }
  body#mood-app-shell .ma-logo-center .ma-account { padding:7px 8px;font-size:13px; }
  body#mood-app-shell .ma-grid { grid-template-columns:minmax(0,1fr)!important;gap:18px; }
  body#mood-app-shell .ma-hero { display:block!important;width:100%;padding:32px 0; }
  body#mood-app-shell .ma-hero h1 { font-size:36px;font-size:clamp(30px,8.5vw,42px);line-height:1.15; }
  body#mood-app-shell h2 { font-size:25px;line-height:1.2; }
  body#mood-app-shell .ma-area h3 { font-size:24px;line-height:1.2; }
  body#mood-app-shell .ma-area-body { min-height:0;padding:24px; }
  body#mood-app-shell .ma-area p { font-size:16px;line-height:1.6; }
  body#mood-app-shell .ma-hero-paths { display:flex;flex-direction:column;align-items:stretch;gap:10px; }
  body#mood-app-shell .ma-hero-paths>a { width:100%;min-height:48px;padding:12px 16px; }
  body#mood-app-shell .ma-section-head { display:block; }
  body#mood-app-shell .ma-section-head>span { display:block;margin-top:8px;text-align:left; }
  body#mood-app-shell .ma-install-card { display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:22px; }
  body#mood-app-shell .ma-search { flex-wrap:wrap;gap:10px; }
  body#mood-app-shell .ma-search label { flex:1 1 180px; }
  body#mood-app-shell .ma-preview { padding:12px 18px;line-height:1.5; }
}

@media(hover:none){body#mood-app-shell .ma-area:hover{transform:none}}

/* Transparent decorative layers, independent of text, images and original mood shapes. */
body#mood-app-shell { position:relative;isolation:isolate; }
body#mood-app-shell::before {
 content:"";display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;
 background-image:var(--ma-decor-image,none);
 background-size:var(--ma-decor-size,360px);
 background-position:var(--ma-decor-position,right top);
 background-repeat:var(--ma-decor-repeat,repeat);
 opacity:var(--ma-decor-opacity,.14);
}
body#mood-app-shell .ma-area { position:relative;isolation:isolate; }
body#mood-app-shell .ma-area::before {
 content:"";display:block;position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
 background-image:var(--ma-decor-image,none);
 background-size:var(--ma-decor-size,360px);
 background-position:var(--ma-decor-position,right top);
 background-repeat:var(--ma-decor-repeat,repeat);
 opacity:var(--ma-decor-opacity,.14);
}
body#mood-app-shell .ma-area>* { position:relative;z-index:1; }
/* 1.3: surface decoration is visual only; all controls remain interactive. */
body#mood-app-shell[data-decor-layer="surface"]::before{z-index:2!important;pointer-events:none!important}
body#mood-app-shell[data-decor-layer="background"]::before{z-index:-1!important}
body#mood-app-shell .ma-header .ma-account{color:var(--ma-account-ink,#111)!important;background:var(--ma-account-bg,#fff)!important;border:1px solid currentColor!important;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:999px;text-decoration:none!important;opacity:1!important}
body#mood-app-shell .ma-header .ma-account:hover{box-shadow:inset 0 0 0 1px currentColor}
body#mood-app-shell .ma-header .ma-account:focus-visible{outline:3px solid currentColor;outline-offset:3px}
body#mood-app-shell .ma-work-button{display:inline-flex!important;align-items:center;gap:10px}
body#mood-app-shell .ma-header:has(.ma-language-slot){flex-wrap:wrap}

/* Public and member homes share the identity, with separate editorial content. */
body#mood-app-shell .ma-session-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;width:fit-content;max-width:100%;padding:12px 16px;margin:24px 0 0;border:1px solid currentColor;border-radius:12px;background:var(--ma-main);color:var(--ma-on)!important;font-size:14px!important;line-height:1.5!important;overflow-wrap:anywhere}
body#mood-app-shell .ma-session-status strong{font-weight:700}
body#mood-app-shell .ma-session-status .ma-nav-icon{flex:0 0 24px;color:inherit!important}
body#mood-app-shell .ma-home-image{display:block;grid-column:1 / -1;min-width:0;width:100%;max-width:100%;margin:28px 0 0;padding:0;overflow:hidden;border-radius:20px;line-height:0}
body#mood-app-shell .ma-home-image img{display:block!important;position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:520px!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;transform:none!important;aspect-ratio:auto!important}
@media(max-width:640px){body#mood-app-shell .ma-home-image{margin-top:24px;border-radius:14px}body#mood-app-shell .ma-home-image img{max-height:380px!important}body#mood-app-shell .ma-session-status{font-size:13px!important;margin-top:20px;padding:10px 12px}}
