/* My Life page only. Entire hero phone is native HTML/CSS: no image. */
.my-life-download {background:var(--color-ink)}
.my-life-features-download{display:flex;justify-content:center;margin-top:var(--space-5)}
.my-life-showcase{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;padding:24px 26px;overflow:visible;box-sizing:border-box}
.ml-art-blob{position:absolute;z-index:-2;inset:13% 2% 10%;border-radius:49% 51% 43% 57%/42% 38% 62% 58%;background:linear-gradient(125deg,#f4e9df 10%,#f0dcd2 80%);transform:rotate(-13deg)}
.ml-art-leaves{position:absolute;z-index:-1;width:44%;height:57%;left:0;bottom:8%;overflow:visible}
.ml-art-spark{position:absolute;font:40px Georgia,serif;color:#cba392;z-index:-1}.ml-art-spark--one{top:22%;left:5%}.ml-art-spark--two{top:51%;right:3%;color:#fff9f4}
.ml-art-rays{position:absolute;right:4%;top:12%;width:48px;height:64px;z-index:-1}.ml-art-rays i{position:absolute;display:block;width:3px;height:30px;border-radius:4px;background:#8a6253;transform-origin:bottom}.ml-art-rays i:nth-child(1){left:4px;top:0;transform:rotate(24deg)}.ml-art-rays i:nth-child(2){left:24px;top:12px;transform:rotate(51deg)}.ml-art-rays i:nth-child(3){left:38px;top:36px;height:23px;transform:rotate(74deg)}
.ml-phone{--ml-brown:#6b4c3f;position:relative;z-index:1;box-sizing:border-box;width:318px;max-width:100%;aspect-ratio:318/656;padding:9px;border:3px solid #827d79;border-radius:51px;background:#121212;box-shadow:0 17px 38px #503a302a,0 0 0 2px #2b2928,inset 0 0 0 1px #d1c8c0;flex-shrink:0}
.ml-phone:before,.ml-phone:after{content:"";position:absolute;width:3px;background:#68625e;border-radius:3px;left:-6px}.ml-phone:before{height:40px;top:120px}.ml-phone:after{height:60px;top:180px}
.ml-phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:39px;background:linear-gradient(#f8efe4,#f4eadc);color:#45372f;font-family:Manrope,Arial,sans-serif;box-sizing:border-box}
.ml-status{height:36px;padding:11px 20px 0;display:flex;align-items:flex-start;justify-content:space-between;font:700 11px/1 Arial,sans-serif;color:#171513;box-sizing:border-box}.ml-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:89px;height:25px;border-radius:18px;background:#111}.ml-status-right{letter-spacing:1px;font-size:10px}
.ml-streak{position:absolute;top:44px;right:14px;padding:5px 9px;background:#fff9f1;border-radius:22px;font-size:12px;font-weight:800;color:#765a4b}.ml-streak span{font-size:16px}
.ml-greeting{position:absolute;top:97px;left:18px;color:#806a5b;font-size:13px}.ml-user{position:absolute;top:119px;left:18px;white-space:nowrap;font:600 28px/1.1 Fraunces,Georgia,serif;letter-spacing:-.9px}.ml-user span{color:#bf8e7d;font:30px Georgia,serif;vertical-align:1px}
.ml-today{position:absolute;top:180px;left:14px;right:14px;height:154px;border-radius:23px;background:#fffaf3;box-shadow:0 5px 16px #6b4c3f0b;padding:16px 16px;box-sizing:border-box}.ml-card-eyebrow{font-size:10px;font-weight:800;color:#846f60}.ml-card-title{font:600 15px/1.3 Fraunces,Georgia,serif;white-space:nowrap;margin-top:5px}.ml-card-title span{float:right;color:#a97d65;font:25px/1 Georgia,serif}.ml-card-divider{height:1px;background:#eae0d5;margin-top:12px}.ml-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:11px;text-align:center}.ml-stats>div{display:flex;flex-direction:column;align-items:center;gap:4px}.ml-stat-icon{display:grid;place-items:center;border:1.5px solid #a17b63;color:#98735e;width:19px;height:19px;border-radius:50%;font:700 14px Arial}.ml-stats strong{font:600 19px/1.1 Fraunces,Georgia,serif}.ml-stats small{font-size:10px;color:#887264}
.ml-for-title{position:absolute;top:357px;left:17px;right:17px;font:600 23px Fraunces,Georgia,serif}.ml-for-title span{float:right;color:#a17b63;font:24px Georgia,serif}.ml-for-sub{position:absolute;top:393px;left:18px;color:#8a7566;font-size:10px}
.ml-suggestion{position:absolute;top:418px;left:14px;right:14px;height:82px;border-radius:20px;background:#fffaf3;display:flex;align-items:center;padding:11px;box-sizing:border-box;gap:10px}.ml-suggestion+.ml-suggestion{top:509px}.ml-suggestion-icon{width:44px;height:44px;flex:0 0 44px;border-radius:15px;background:#f3e6dd;color:#9d725e;display:grid;place-items:center;font-size:24px}.ml-suggestion-text{min-width:0;display:flex;flex-direction:column;gap:3px}.ml-suggestion-text small{font-size:8px;color:#8a7769;letter-spacing:.2px;font-weight:800}.ml-suggestion-text strong{font-size:12px;line-height:1.2}.ml-suggestion-text>span{font-size:10px;line-height:1.3;color:#8a7566}.ml-chevron{margin-left:auto;font-size:25px;color:#927866}
.ml-tabbar{position:absolute;left:10px;right:10px;bottom:15px;height:55px;border-radius:31px;background:#6b4c3f;display:flex;align-items:center;justify-content:space-around;padding:4px;box-sizing:border-box;color:#fffaf5;box-shadow:0 3px 8px #503a3021}.ml-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;font-size:20px}.ml-tab small{font-size:9px}.ml-tab-active{background:#fff8ef;color:#6b4c3f;border-radius:28px}.ml-home-indicator{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:95px;height:4px;border-radius:5px;background:#2e2723}
@media(max-width:860px){.my-life-showcase{margin-top:24px}.ml-phone{width:318px}}
@media(max-width:420px){.my-life-showcase{padding:18px 12px}.ml-phone{width:min(318px,86vw)}.ml-art-blob{inset:15% 0 12%}}

/* My Life phone: realistic status indicators, streak and native SVG tab icons */
.ml-status{height:38px;padding:11px 18px 0;align-items:flex-start;position:relative;justify-content:space-between;font:700 13px/1 -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:-.25px}
.ml-clock{min-width:42px;text-align:center}
.ml-status-right{display:flex;align-items:center;gap:4px;letter-spacing:normal;height:14px}
.ml-cellular{width:18px;height:13px}.ml-wifi{width:17px;height:14px}.ml-battery{width:26px;height:13px}
.ml-island{top:7px;width:88px;height:25px;background:#111;border-radius:18px;box-shadow:inset 0 0 0 1px #202020}
.ml-streak{display:flex;align-items:center;gap:4px;top:44px;right:14px;padding:5px 9px 5px 7px;border-radius:18px;background:#fff9f1;color:#ae7051;box-shadow:0 2px 7px #5b3f2d12;font:800 12px/1 Manrope,Arial,sans-serif}
.ml-streak svg{width:19px;height:22px;flex:none}.ml-streak strong{font:800 12px/1 Manrope,Arial,sans-serif;color:#725546}
.ml-tabbar{height:58px;bottom:15px;left:9px;right:9px;padding:4px 5px;gap:2px;border-radius:30px}
.ml-tab{gap:2px;min-width:0;font-size:inherit}.ml-tab svg{width:20px;height:20px;flex:none}.ml-tab small{font:700 9px/1.1 Manrope,Arial,sans-serif}.ml-tab-active{border-radius:25px;background:#fff8ef}