.nd-phone-preview{color:#fff3e6;width:390px;max-width:100%;font-family:var(--font-sans);flex-shrink:0;margin:0;font-size:13px}.nd-phone-preview *{box-sizing:border-box}.nd-phone-compact{align-self:center;width:390px}.nd-phone-shell{background:linear-gradient(140deg,#35302e,#151414 45%,#48403b);border:1px solid #504947;border-radius:54px;padding:6px;box-shadow:0 24px 80px #0009,0 0 70px #f4977b0a}.nd-phone-screen{background:#050505;border-radius:48px;min-height:780px;padding-bottom:108px;position:relative;overflow:hidden}.nd-phone-status{height:58px;font:600 14px var(--font-sans);justify-content:space-between;align-items:center;padding:0 26px;display:flex}.nd-phone-status>span:last-child{align-items:center;gap:4px;display:flex}.nd-phone-island{background:#151515;border-radius:25px;width:104px;height:29px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.nd-phone-content{padding:12px 16px 20px}.nd-phone-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.nd-phone-mark{font:25px var(--font-display)}.nd-phone-health{white-space:nowrap;background:#181818;border:1px solid #ffffff1f;border-radius:30px;align-items:center;gap:6px;min-height:44px;padding:0 12px;display:flex}.nd-phone-date{color:#b3ada7;margin-top:12px;font-size:14px}.nd-phone-today{font:46px/1.15 var(--font-display)}.nd-phone-glance{background:linear-gradient(135deg,#281f20,#151313);border:1px solid #ffffff21;border-radius:24px;margin-top:16px;padding:8px 6px 8px 14px}.nd-phone-glance-title{color:#dfd4c9;justify-content:space-between;align-items:center;height:44px;padding-right:12px;display:flex}.nd-phone-glance-title strong{font-size:15px;font-weight:600}.nd-phone-metrics{min-height:54px;display:flex}.nd-phone-metrics>div{flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:0;padding:0 8px;display:flex}.nd-phone-metrics>div+div{border-left:1px solid #ffffff19}.nd-phone-metrics span{white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:flex}.nd-phone-metrics strong{white-space:nowrap;font-size:18px;font-weight:500}.nd-phone-habits-title{justify-content:space-between;align-items:center;margin:16px 0;display:flex}.nd-phone-habits-title>span:first-child{font:32px var(--font-display)}.nd-phone-add{color:#ff866e;background:#1b1a19;border:1px solid #ffffff29;border-radius:30px;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:15px;display:flex}.nd-phone-habit{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:24px;margin-bottom:12px;padding:14px}.nd-phone-habit-header{align-items:center;gap:10px;min-height:44px;display:flex}.nd-phone-habit-icon{width:26px;color:var(--preview-habit);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nd-phone-habit-header>div{flex:1;min-width:0}.nd-phone-habit-header strong{font-size:17px;font-weight:600;line-height:1.25;display:block}.nd-phone-habit-header>div>span{color:#aaa39d;margin-top:3px;font-size:13px;display:block}.nd-phone-habit-header>svg{color:#aaa39d;flex-shrink:0}.nd-phone-week{grid-template-columns:repeat(6,minmax(0,1fr)) minmax(36px,1fr);gap:2px;margin-top:10px;display:grid}.nd-phone-week>div{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.nd-phone-check{aspect-ratio:1;color:#b3aaa3;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:36px;max-width:100%;font-size:13px;display:flex}.nd-phone-check.is-done{background:var(--preview-habit);border-color:var(--preview-habit);color:#100e0b}.nd-phone-check.is-today{border-color:#fff3e6}.nd-phone-week>div>span:last-child{color:#aaa39d;font-size:13px}.nd-phone-week>div>span.is-today:last-child{color:#fff3e6}.nd-phone-tabs{background:linear-gradient(130deg,#232220,#131312);border:1px solid #ffffff26;border-radius:40px;grid-template-columns:repeat(4,1fr);align-items:center;height:64px;padding:4px;display:grid;position:absolute;bottom:29px;left:16px;right:16px}.nd-phone-tabs>span{color:#a9a39e;justify-content:center;align-items:center;height:52px;display:flex}.nd-phone-tabs>.is-selected{color:#ff866e;background:#ffffff13;border-radius:30px}.nd-phone-home-indicator{background:#fff3e6;border-radius:4px;width:120px;height:4px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.nd-phone-preview figcaption{text-align:center;color:#aaa39d;margin-top:16px;font-size:13px;line-height:1.5}@media (width<=380px){.nd-phone-content{padding-left:10px;padding-right:10px}.nd-phone-status{padding:0 22px}.nd-phone-island{width:82px}.nd-phone-health{gap:4px;padding:0 8px}.nd-phone-habit{padding:10px}.nd-phone-metrics>div{padding:0 4px}.nd-phone-metrics span{gap:2px}.nd-phone-metrics svg{width:13px}.nd-phone-glance{padding-left:8px}.nd-phone-habit-header strong{font-size:16px}}