/* Preview-only cache-safe UI restoration: weather, milk tabs, notes and home rhythm. */
#ynp-phone .ynp-weather-live{display:block!important;box-sizing:border-box!important;height:100%!important;overflow-y:auto!important;padding:18px 16px calc(30px + env(safe-area-inset-bottom,0px))!important;background:linear-gradient(180deg,#edf3fb 0%,#f7f9fc 62%,#f5f1eb 100%)!important;color:var(--ynp-ink)!important;-webkit-overflow-scrolling:touch}
#ynp-phone .ynp-weather-live .ynp-weather-hero{display:block!important;box-sizing:border-box!important;width:100%!important;padding:25px 22px!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:27px!important;background:linear-gradient(145deg,#b7d5f0,#80a8d3)!important;color:#fff!important;box-shadow:0 18px 42px -25px rgba(63,91,131,.62)!important;overflow:hidden!important}
#ynp-phone .ynp-weather-live .ynp-weather-hero.night{background:linear-gradient(145deg,#526783,#27384f)!important}
#ynp-phone .ynp-weather-live .ynp-weather-place{font-size:12px!important;letter-spacing:.06em!important;opacity:.76!important}
#ynp-phone .ynp-weather-live .ynp-weather-degree{margin-top:10px!important;font:300 64px/1 var(--ynp-en)!important}
#ynp-phone .ynp-weather-live .ynp-weather-condition{margin-top:7px!important;font-size:19px!important;font-weight:700!important}
#ynp-phone .ynp-weather-live .ynp-weather-feels{margin-top:8px!important;font-size:11.5px!important;opacity:.82!important}
#ynp-phone .ynp-weather-live .ynp-weather-details{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;margin-top:14px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.76)!important;border-radius:22px!important;background:rgba(148,166,191,.16)!important;box-shadow:0 14px 34px -26px rgba(43,63,92,.58)!important}
#ynp-phone .ynp-weather-live .ynp-weather-details>div{display:grid!important;gap:5px!important;padding:15px!important;background:rgba(255,255,255,.84)!important}
#ynp-phone .ynp-weather-live .ynp-weather-details span{font-size:10.5px!important;color:var(--ynp-muted)!important}
#ynp-phone .ynp-weather-live .ynp-weather-details b{font-size:14px!important;color:var(--ynp-ink)!important}
#ynp-phone .ynp-weather-live button.ynp-weather-refresh{-webkit-appearance:none!important;appearance:none!important;display:block!important;width:100%!important;height:46px!important;margin:14px 0 0!important;padding:0 18px!important;border:0!important;border-radius:15px!important;background:#88a9d2!important;color:#fff!important;box-shadow:0 10px 22px -16px rgba(54,87,129,.72)!important;font:650 13px/1 var(--ynp-font)!important}
#ynp-phone .ynp-weather-live .ynp-weather-updated{display:block!important;margin:10px 0 0!important;text-align:center!important;font-size:10.5px!important;color:var(--ynp-faint)!important}

#ynp-phone .ynp-mt .ynp-mt-tabs{display:flex!important;align-items:flex-end!important;gap:22px!important;padding:16px 22px 0!important;overflow-x:auto!important;overflow-y:hidden!important;color:#a9a294!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch}
#ynp-phone .ynp-mt .ynp-mt-tabs::-webkit-scrollbar{display:none!important}
#ynp-phone .ynp-mt .ynp-mt-tabs button.ynp-mt-tab{-webkit-appearance:none!important;appearance:none!important;position:relative!important;display:block!important;flex:0 0 auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0 0 9px!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:500 14px/1.25 var(--ynp-font)!important;cursor:pointer!important}
#ynp-phone .ynp-mt .ynp-mt-tabs button.ynp-mt-tab.on{color:#111!important;font-weight:800!important}
#ynp-phone .ynp-mt .ynp-mt-tabs button.ynp-mt-tab.on::after{content:""!important;position:absolute!important;left:50%!important;bottom:0!important;width:18px!important;height:2.5px!important;border-radius:99px!important;background:#111!important;transform:translateX(-50%)!important}

#ynp-phone .ynp-note-page{background:linear-gradient(180deg,#edf3fb 0%,#f7f9fc 58%,#f4f1ec 100%)!important}
#ynp-phone .ynp-note-page .ynp-app-body{box-sizing:border-box!important;padding:16px!important;overflow:hidden!important}
#ynp-phone .ynp-note-page .ynp-note-edit{display:flex!important;flex-direction:column!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:22px 20px calc(20px + env(safe-area-inset-bottom,0px))!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:25px!important;background:rgba(255,255,255,.76)!important;box-shadow:0 18px 42px -30px rgba(55,78,111,.62)!important;overflow:hidden!important}
#ynp-phone .ynp-note-page input.ynp-note-edit-title,#ynp-phone .ynp-note-page textarea.ynp-note-edit-body{-webkit-appearance:none!important;appearance:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;margin:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--ynp-ink)!important;font-family:var(--ynp-font)!important}
#ynp-phone .ynp-note-page input.ynp-note-edit-title{flex:0 0 auto!important;height:auto!important;padding:5px 1px 17px!important;border-bottom:1px solid rgba(117,139,169,.2)!important;font-size:22px!important;font-weight:720!important;line-height:1.35!important}
#ynp-phone .ynp-note-page textarea.ynp-note-edit-body{flex:1 1 auto!important;min-height:0!important;padding:18px 1px 6px!important;resize:none!important;font-size:15px!important;line-height:1.85!important}
#ynp-phone .ynp-note-page input.ynp-note-edit-title::placeholder,#ynp-phone .ynp-note-page textarea.ynp-note-edit-body::placeholder{color:#9aaac0!important;opacity:1!important}

#ynp-phone .ynp-h2 .ynp-home-scroll.ynp-home-short{display:flex!important;flex-direction:column!important;gap:clamp(28px,4.2vh,40px)!important;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
#ynp-phone .ynp-h2 .ynp-home-scroll.ynp-home-short .blk+.blk{margin-top:0!important}
