/* Shared Scenic Glass backdrop; retain content photography and controls. */
html[data-una-theme] body.unravel-brand.unravel-brand,html[data-una-theme] body.live-premium-trial.live-premium-trial{background:#b6c8c2 url('/assets/home-scenic61.webp') center/cover fixed!important}
html body.unravel-brand #app#app,html body.unravel-brand #app#app .main{background:transparent!important;background-image:none!important}
html body.unravel-brand #app#app :is(#diaryPage,#foodPage,#financePage,#goalsPage,#mediaPage,#unravelSharePage){
 background:linear-gradient(160deg,rgba(249,251,245,.18),rgba(249,248,236,.34))!important;
 border:2px solid rgba(255,255,255,.96)!important;border-radius:28px!important;
 backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;
 box-shadow:0 16px 44px #26362920!important;
}
html body.unravel-brand #app#app :is(#diaryPage,#foodPage,#financePage,#goalsPage,#mediaPage) > :is(.section,.uc-panel,.uc-detail,.uc-feature){
 background-color:rgba(255,253,247,.86)!important;border-color:rgba(255,255,255,.95)!important;
}
html body.unravel-brand #textUnaPanel#textUnaPanel .text-una-stage{
 background:linear-gradient(#f9fbf52e,#f9f8ec57),url('/assets/home-scenic61.webp') center/cover!important;
}
html body.unravel-brand #textUnaPanel#textUnaPanel,html body.unravel-brand #siteAskPanel#siteAskPanel{
 border:2px solid rgba(255,255,255,.96)!important;
}
html body.live-premium-trial main{
 background:linear-gradient(160deg,#f9fbf52e,#f9f8ec57)!important;
 border:2px solid #fffffff5!important;border-radius:28px!important;
 backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;
}
@media(max-width:650px){
 html body.unravel-brand #app#app :is(#diaryPage,#foodPage,#financePage,#goalsPage,#mediaPage){border-radius:22px!important}
}

/* Show the scenery clearly through the outer glass; retain readable content cards. */
html body.unravel-brand #app #homePage#homePage#homePage #originalHome{
 background:linear-gradient(160deg,rgba(249,251,245,.18),rgba(249,248,236,.34))!important;
 backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;
}

/* Finish the shared palette in legacy music and finance components. */
html:has(body.unravel-brand),html:has(body.live-premium-trial){background:#dce3d6!important}
html body .um-dialog.um-dialog{
 --um-navy:#f7f8f0;--um-panel:#edf2e5;--um-line:#b8c4ac;
 --um-gold:#465d3c;--um-muted:#56634d;--um-ink:#283323;
 background:linear-gradient(#f9fbf5e8,#f8f6ece8),url('/assets/home-scenic61.webp') center/cover!important;
 color:#283323!important;border-color:#fffffff5!important;
}
html body .um-dialog.um-dialog::backdrop{background:#26362966;backdrop-filter:blur(2px)}
html body .um-dialog.um-dialog :is(.um-quiet,.um-preference,.um-composer,.um-player,.um-results button,.um-inline-choice,.um-now-controls button){
 background:#edf2e5!important;color:#2e3b27!important;border-color:#b8c4ac!important;
}
html body .um-dialog.um-dialog :is(input,select){
 background:#fffdf7!important;color:#283323!important;border-color:#b8c4ac!important;
}
html body .um-dialog.um-dialog input::placeholder{color:#627059!important;opacity:1}
html body .um-dialog.um-dialog :is(.um-hero h1 em,.um-status,.um-service-mode,.um-provider-note,.um-empty,.um-remove,.um-foot){color:#56634d!important}
html body .um-dialog.um-dialog .um-status[data-tone=error]{color:#8f392b!important}
html body .um-dialog.um-dialog :is(.um-empty,.um-track-row){border-color:#b8c4ac!important}
html body .um-dialog.um-dialog :is(.um-composer button,.um-primary,.um-now-controls button:first-child){
 background:#415b36!important;color:#fffdf7!important;border-color:#415b36!important;
}
html body .um-dialog.um-dialog .um-service{background:#fffdf7!important;color:#283323!important;border-color:#b8c4ac!important}
html body .um-dialog.um-dialog .um-now{
 background:#f7f9eff5!important;color:#283323!important;border-color:#b8c4ac!important;
 box-shadow:0 -8px 24px #26362915!important;backdrop-filter:blur(2px)!important;
}
html body .um-dock.um-dock{
 background:#edf2e5f5!important;color:#2e3b27!important;border:1px solid #b8c4ac!important;
 box-shadow:0 8px 24px #26362924!important;
}
html body .media-una-music{background:linear-gradient(140deg,#e5ebdb,#f7f8f0)!important}
html body .um-dialog.um-dialog :is(button,select,input):focus-visible,
html body.unravel-brand #app#app #mediaPage :is(input,button):focus-visible{
 outline:2px solid #567348!important;outline-offset:3px!important;box-shadow:none!important;
}
html body.unravel-brand #app#app #financePage#financePage#financePage .finance-table{
 background:transparent!important;border-color:#bdc7b2!important;
}
html body.unravel-brand #app#app #financePage#financePage#financePage .finance-table tbody tr{
 background:#f8faf2!important;color:#2e3b27!important;border-color:#bdc7b2!important;
}
html body.unravel-brand #app#app #financePage#financePage#financePage .finance-table tbody tr:nth-child(even){
 background:#edf2e5!important;
}
html body.unravel-brand #app#app #financePage#financePage#financePage .finance-table tbody td{
 background:transparent!important;color:#2e3b27!important;border-color:#cbd4c0!important;
}
html body.unravel-brand #app#app #financePage#financePage#financePage .finance-table :is(.badge,.pill){
 background:#e3ebd8!important;color:#354b2b!important;border-color:#a8b89b!important;
}
/* A viewport backdrop also avoids Safari stretching fixed backgrounds down long pages. */
html body.live-premium-trial.live-premium-trial{background:#dce3d6!important;isolation:isolate}
html body.live-premium-trial.live-premium-trial::before{
 content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:#dce3d6 url('/assets/home-scenic61.webp') center/cover no-repeat;
}
html body.live-premium-trial.live-premium-trial :is(.back,a[style*="position: fixed"],a[style*="position:fixed"]){
 background:#e4ebd9!important;color:#354b2b!important;border-color:#b8c4ac!important;
}
@media(max-width:800px){
 html body .um-dialog.um-dialog .um-shell{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:20px}
 html body .um-dialog.um-dialog .um-now{padding-bottom:max(13px,env(safe-area-inset-bottom))}
}

html body .um-inline-choice.um-inline-choice{background:#edf2e5!important;color:#2e3b27!important;border-color:#b8c4ac!important}

html body.unravel-brand #app#app #financePage#financePage#financePage .finance-table :is(.finance-type-pill,.finance-repeat-pill){border-color:#a8b89b!important;color:#354b2b!important;background:#e3ebd8!important}

/* Keep the compact music strip away from text entry and the phone keyboard. */
html body .um-dock.um-dock{font:600 14px/1.35 system-ui!important;min-height:44px!important;max-width:min(480px,90vw)!important;padding:11px 16px!important}
html body:has(input:focus,textarea:focus,[contenteditable="true"]:focus) .um-dock.um-dock{display:none!important}
html body.unravel-brand #app#app #mediaPage #studios49 input:focus{outline:2px solid #567348!important;outline-offset:3px!important;border-color:#567348!important;box-shadow:none!important}