/* DailyOne V50: visible refinement layer loaded after feature modules. */
:root{
  --v50-paper:#f4f5f6;
  --v50-surface:#fcfcfd;
  --v50-ink:#1d2023;
  --v50-muted:#777c82;
  --v50-line:rgba(29,32,35,.075);
  --v50-sage:#667d74;
  --v50-sage-pale:#e8efec;
  --v50-ease:cubic-bezier(.16,1,.3,1);
  --v50-shadow:0 1px 0 rgba(255,255,255,.92) inset,0 22px 58px rgba(39,45,50,.075);
}

html.dailyone-v50{color-scheme:light;background:var(--v50-paper)}
.dailyone-v50 body{
  color:var(--v50-ink);
  background:
    radial-gradient(circle at 103% 2%,rgba(203,220,213,.7),transparent 34rem),
    radial-gradient(circle at -8% 31%,rgba(255,255,255,.98),transparent 31rem),
    linear-gradient(180deg,#fafafa 0,#f1f3f4 46%,#eef0f2 100%);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif!important;
}
.dailyone-v50 body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  opacity:.72;
  pointer-events:none;
  background:radial-gradient(circle at 48% -20%,rgba(255,255,255,.98),transparent 46rem);
}

.dailyone-v50 .main{width:min(1180px,100%);padding-top:calc(112px + env(safe-area-inset-top))}
.dailyone-v50 .grid{gap:18px;margin-top:28px}
.dailyone-v50 .hero{margin-bottom:32px}
.dailyone-v50 .hero .eyebrow,.dailyone-v50 .eyebrow{
  color:#8c9197;
  font-size:10px;
  font-weight:720;
  letter-spacing:.17em;
}
.dailyone-v50 .hero h1,
.dailyone-v50 .morning-greeting,
.dailyone-v50 .card h2,
.dailyone-v50 .brand{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif!important;
}
.dailyone-v50 .hero h1{
  color:var(--v50-ink);
  font-size:clamp(42px,5vw,60px);
  font-weight:730;
  line-height:1.01;
  letter-spacing:-.047em;
}
.dailyone-v50 .hero p{color:var(--v50-muted);font-size:16px}

.dailyone-v50 .card{
  padding:29px;
  border:0!important;
  border-radius:28px;
  background:rgba(252,252,253,.94)!important;
  box-shadow:var(--v50-shadow)!important;
  transition:transform .32s var(--v50-ease),box-shadow .32s ease,background .32s ease!important;
}
.dailyone-v50 .card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.82);
  box-shadow:inset 0 0 0 1px rgba(29,32,35,.025);
  pointer-events:none;
}
.dailyone-v50 .card>*{position:relative;z-index:1}
.dailyone-v50 .card-label{
  margin:0 0 8px;
  color:#92979d!important;
  font-size:9px!important;
  font-weight:760!important;
  letter-spacing:.155em!important;
}
.dailyone-v50 .card h2{
  margin:8px 0 18px;
  color:var(--v50-ink)!important;
  font-size:clamp(23px,2.2vw,29px);
  font-weight:720!important;
  line-height:1.08;
  letter-spacing:-.042em;
}
.dailyone-v50 .card p,.dailyone-v50 .list-row small{color:var(--v50-muted)!important}
.dailyone-v50 .list-row{border-color:var(--v50-line)!important}

.dailyone-v50 .morning-brief{
  min-height:370px;
  padding:34px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 19%,rgba(186,211,201,.74),transparent 35%),
    radial-gradient(circle at 4% 0,rgba(255,255,255,.99),transparent 42%),
    linear-gradient(135deg,#fbfbfa,#eef3f1)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 30px 72px rgba(46,57,53,.11)!important;
}
.dailyone-v50 .morning-brief::before{
  content:""!important;
  position:absolute;
  width:260px;
  height:260px;
  right:-78px;
  top:-92px;
  z-index:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.72);
  background:rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 36px 70px rgba(67,91,81,.08);
}
.dailyone-v50 .morning-greeting{
  max-width:820px!important;
  color:var(--v50-ink)!important;
  font-size:clamp(40px,5vw,58px)!important;
  font-weight:750!important;
  line-height:1.02!important;
  letter-spacing:-.052em!important;
}
.dailyone-v50 .morning-subtitle{font-size:16px!important}
.dailyone-v50 .weather-temp{color:var(--v50-ink)!important;font-size:74px!important;font-weight:480!important;line-height:.92!important}
.dailyone-v50 .weather-metric,
.dailyone-v50 .weather-advice,
.dailyone-v50 .home-finance-summary>div{
  border:1px solid rgba(255,255,255,.76)!important;
  border-radius:18px!important;
  background:rgba(252,252,253,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 26px rgba(55,69,64,.045)!important;
}
.dailyone-v50 .weather-locate{
  width:46px!important;
  height:46px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:15px!important;
  background:rgba(252,252,253,.72)!important;
  box-shadow:0 10px 26px rgba(48,62,57,.08)!important;
}

.dailyone-v50 .today-workout{
  background:linear-gradient(145deg,#f4eee5,#edf2ef)!important;
}
.dailyone-v50 .home-cooking-learning{
  background:linear-gradient(145deg,#f8faf9,#e9f0ed)!important;
}
.dailyone-v50 .home-finance-card{background:rgba(252,252,253,.96)!important}
.dailyone-v50 .language-word,.dailyone-v50 .workout-main,.dailyone-v50 .big-number{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
}

.dailyone-v50 .btn,
.dailyone-v50 .checkin,
.dailyone-v50 .cxw-primary,
.dailyone-v50 .profile-save{
  min-height:46px;
  border:0!important;
  border-radius:999px!important;
  color:#f8f9f9!important;
  background:linear-gradient(135deg,#24272a,#111315)!important;
  box-shadow:0 10px 26px rgba(24,27,29,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
  font-weight:680!important;
  transition:transform .18s var(--v50-ease),box-shadow .24s ease,filter .24s ease!important;
}
.dailyone-v50 button:active,.dailyone-v50 .btn:active{
  transform:scale(.965)!important;
  filter:brightness(1.12);
  box-shadow:0 4px 12px rgba(24,27,29,.14),inset 0 2px 7px rgba(0,0,0,.16)!important;
}
.dailyone-v50 .v50-pressed{transform:scale(.965)!important}

.dailyone-v50 .menu-btn,
.dailyone-v50 .sidebar,
.dailyone-v50 .cloud-status,
.dailyone-v50 .auth-status{
  background:rgba(250,251,251,.82)!important;
  -webkit-backdrop-filter:blur(30px) saturate(170%)!important;
  backdrop-filter:blur(30px) saturate(170%)!important;
}
.dailyone-v50 .menu-btn{
  width:52px;
  height:52px;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:20px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 18px 42px rgba(40,46,51,.13)!important;
}
.dailyone-v50 .sidebar{
  border-right:1px solid rgba(255,255,255,.84)!important;
  box-shadow:32px 0 82px rgba(36,42,47,.18),inset -1px 0 rgba(29,32,35,.035)!important;
  transition:transform .58s var(--v50-ease)!important;
}
.dailyone-v50 .nav{
  min-height:52px;
  border-radius:15px!important;
  color:#656a70!important;
  transition:transform .24s var(--v50-ease),background .24s ease,color .24s ease!important;
}
.dailyone-v50 .nav.active{
  color:var(--v50-ink)!important;
  background:#fcfcfd!important;
  box-shadow:0 10px 26px rgba(41,47,52,.075),inset 0 1px 0 rgba(255,255,255,.94)!important;
}
.dailyone-v50 .sidebar.open .nav{animation:v50-nav-arrive .48s var(--v50-ease) both!important}
.dailyone-v50 .sidebar.open .nav:nth-child(2){animation-delay:25ms!important}
.dailyone-v50 .sidebar.open .nav:nth-child(3){animation-delay:50ms!important}
.dailyone-v50 .sidebar.open .nav:nth-child(4){animation-delay:75ms!important}
.dailyone-v50 .sidebar.open .nav:nth-child(5){animation-delay:100ms!important}
.dailyone-v50 .sidebar.open .nav:nth-child(6){animation-delay:125ms!important}
.dailyone-v50 .sidebar.open .nav:nth-child(7){animation-delay:150ms!important}
.dailyone-v50 .sidebar.open .nav:nth-child(8){animation-delay:175ms!important}
.dailyone-v50 .sidebar.open .nav:nth-child(9){animation-delay:200ms!important}

/* Authored launch moment. The page remains visible if scripts fail. */
.dailyone-v50 .splash{
  z-index:9999!important;
  overflow:hidden;
  opacity:1;
  visibility:visible;
  transform:translate3d(0,0,0);
  background:
    radial-gradient(circle at 23% 17%,rgba(255,255,255,.99),transparent 32rem),
    radial-gradient(circle at 77% 78%,rgba(184,209,199,.86),transparent 35rem),
    #edf1ef!important;
  transition:transform .92s var(--v50-ease),opacity .7s ease,visibility .92s!important;
}
.dailyone-v50 .splash::before,
.dailyone-v50 .splash::after{
  content:""!important;
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.dailyone-v50 .splash::before{
  width:min(82vw,620px);
  height:min(82vw,620px);
  border:1px solid rgba(255,255,255,.76);
  background:rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 45px 100px rgba(48,68,60,.1);
  animation:v50-halo-in 1.35s var(--v50-ease) both!important;
}
.dailyone-v50 .splash::after{
  width:220px;
  height:220px;
  right:-76px;
  bottom:-82px;
  background:rgba(255,255,255,.27);
  filter:blur(3px);
  animation:v50-float 2.2s ease-in-out both!important;
}
.dailyone-v50 .splash-inner{
  z-index:2;
  min-width:270px;
  animation:v50-lockup-in .9s var(--v50-ease) both!important;
}
.dailyone-v50 .splash-mark{
  width:108px!important;
  height:108px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:31px!important;
  background:#fafbfb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 32px 72px rgba(42,58,52,.2)!important;
  animation:v50-mark-in 1s var(--v50-ease) both!important;
}
.dailyone-v50 .splash-mark::before{content:none!important}
.dailyone-v50 .splash-mark::after{
  content:""!important;
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(110deg,transparent 27%,rgba(255,255,255,.72) 49%,transparent 70%);
  transform:translateX(-145%);
  animation:v50-sheen .85s ease .7s forwards!important;
}
.dailyone-v50 .splash-name{
  margin-top:24px!important;
  color:var(--v50-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif!important;
  font-size:30px!important;
  font-weight:760!important;
  letter-spacing:-.045em!important;
  animation:v50-copy-in .72s var(--v50-ease) .28s both!important;
}
.dailyone-v50 .splash-sub{
  margin-top:7px!important;
  color:#7d8581!important;
  font-size:9px!important;
  font-weight:720!important;
  letter-spacing:.25em!important;
  animation:v50-copy-in .72s var(--v50-ease) .4s both!important;
}
.dailyone-v50 .v50-splash-tagline{
  margin:17px 0 0;
  color:#5f6864;
  font-size:13px;
  letter-spacing:.055em;
  animation:v50-copy-in .72s var(--v50-ease) .52s both;
}
.dailyone-v50 .splash-inner::after{
  width:142px!important;
  height:3px!important;
  margin:25px auto 0!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,var(--v50-sage) 50%,rgba(102,125,116,.13) 50%)!important;
  background-size:200% 100%!important;
  background-position:100% 0!important;
  animation:v50-progress 1.55s var(--v50-ease) .48s forwards!important;
}
.dailyone-v50 .splash.hide{
  opacity:1!important;
  visibility:hidden!important;
  transform:translate3d(0,-106%,0)!important;
}

/* Navigation continuity is deliberately more visible than V49. */
.dailyone-v50 .main{view-transition-name:dailyone-stage}
::view-transition-group(dailyone-stage){animation-duration:.56s;animation-timing-function:var(--v50-ease)}
::view-transition-old(dailyone-stage){animation:v50-page-out .22s ease both}
::view-transition-new(dailyone-stage){animation:v50-page-in .56s var(--v50-ease) both}
.dailyone-v50.v50-content-enter .morning-brief{animation:v50-hero-enter .86s var(--v50-ease) both!important}
.dailyone-v50.v50-content-enter #home>.grid>.card{animation:v50-card-enter .7s var(--v50-ease) both!important}
.dailyone-v50.v50-content-enter #home>.grid>.card:nth-child(2){animation-delay:70ms!important}
.dailyone-v50.v50-content-enter #home>.grid>.card:nth-child(3){animation-delay:120ms!important}
.dailyone-v50.v50-content-enter #home>.grid>.card:nth-child(4){animation-delay:170ms!important}
.dailyone-v50.v50-page-changing .main{filter:saturate(.92)}

@keyframes v50-halo-in{from{opacity:0;transform:scale(.58) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes v50-float{from{opacity:0;transform:translate3d(30px,42px,0) scale(.72)}to{opacity:.9;transform:none}}
@keyframes v50-lockup-in{from{opacity:0;transform:translateY(26px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes v50-mark-in{0%{opacity:0;transform:scale(.55) rotate(-7deg)}72%{opacity:1;transform:scale(1.045) rotate(1deg)}100%{transform:none}}
@keyframes v50-copy-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@keyframes v50-sheen{to{transform:translateX(145%)}}
@keyframes v50-progress{to{background-position:0 0}}
@keyframes v50-nav-arrive{from{opacity:0;transform:translateX(-19px) scale(.985)}to{opacity:1;transform:none}}
@keyframes v50-hero-enter{from{opacity:.15;transform:translateY(25px) scale(.975);filter:blur(13px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes v50-card-enter{from{opacity:0;transform:translateY(28px) scale(.97);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes v50-page-out{to{opacity:0;transform:translateY(-10px) scale(.985);filter:blur(7px)}}
@keyframes v50-page-in{from{opacity:0;transform:translateY(20px) scale(.985);filter:blur(10px);clip-path:inset(2% 1% 3% 1% round 30px)}to{opacity:1;transform:none;filter:blur(0);clip-path:inset(0 round 0)}}

@media(max-width:720px){
  .dailyone-v50 .main{padding:calc(96px + env(safe-area-inset-top)) 14px calc(66px + env(safe-area-inset-bottom))}
  .dailyone-v50 .grid{gap:12px;margin-top:21px}
  .dailyone-v50 .card{padding:20px;border-radius:25px}
  .dailyone-v50 .card h2{font-size:22px}
  .dailyone-v50 #home>.grid>.card.home-mobile-half{padding:18px;border-radius:25px}
  .dailyone-v50 .morning-brief{min-height:0;padding:23px!important;border-radius:28px!important}
  .dailyone-v50 .morning-greeting{max-width:calc(100% - 45px)!important;font-size:clamp(31px,8.8vw,39px)!important;line-height:1.02!important}
  .dailyone-v50 .morning-subtitle{font-size:14px!important}
  .dailyone-v50 .weather-temp{font-size:62px!important}
  .dailyone-v50 .weather-metric{border-radius:15px!important;padding:11px 7px!important}
  .dailyone-v50 .weather-advice{border-radius:17px!important}
  .dailyone-v50 .menu-btn{left:15px;top:max(17px,env(safe-area-inset-top));width:50px;height:50px}
  .dailyone-v50 .sidebar{width:min(89vw,388px)}
  .dailyone-v50 .language-word{font-size:clamp(26px,7vw,34px)!important;overflow-wrap:anywhere}
}

@media(max-width:390px){
  .dailyone-v50 .main{padding-left:10px;padding-right:10px}
  .dailyone-v50 .grid{gap:9px}
  .dailyone-v50 .card{padding:17px;border-radius:22px}
  .dailyone-v50 #home>.grid>.card.home-mobile-half{padding:15px;border-radius:22px}
  .dailyone-v50 .morning-brief{padding:19px!important;border-radius:25px!important}
}

@media(prefers-reduced-motion:reduce){
  .dailyone-v50 .splash::before,.dailyone-v50 .splash::after,.dailyone-v50 .splash-inner,.dailyone-v50 .splash-mark,.dailyone-v50 .splash-mark::after,.dailyone-v50 .splash-name,.dailyone-v50 .splash-sub,.dailyone-v50 .v50-splash-tagline,.dailyone-v50 .splash-inner::after,.dailyone-v50.v50-content-enter .morning-brief,.dailyone-v50.v50-content-enter #home>.grid>.card,.dailyone-v50 .sidebar.open .nav{animation:none!important}
  ::view-transition-old(dailyone-stage),::view-transition-new(dailyone-stage){animation:none!important}
}
