:root{
  --bg:#f2f2f7;
  --surface:#ffffff;
  --surface-soft:#f7f7fa;
  --text:#111113;
  --text-2:#3a3a3c;
  --muted:#8e8e93;
  --line:rgba(60,60,67,.18);
  --accent:#007aff;
  --accent-soft:#eaf3ff;
  --danger:#ff3b30;
  --track:#d9dce1;
  --tab:#fbfbfd;
  --shadow:0 1px 2px rgba(0,0,0,.025);
  --tap:44px;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:inherit}
button,input,textarea,select{font:inherit}
button{-webkit-tap-highlight-color:transparent}
svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[hidden],.ui-hidden,.ui-runtime-only,.ui-development-screen,.ui-development-nav{display:none!important}
.ambient{display:none!important}
.app-shell{width:min(100%,760px);height:100vh;height:100dvh;margin:0 auto;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--bg)}
.screens{height:100%;min-height:0;overflow:hidden}
.screen{height:100%;min-height:0;overflow-x:hidden;background:var(--bg)}
.screen[hidden]{display:none!important}
.bottom-nav{position:relative!important;z-index:40!important;margin:0!important;min-height:74px!important;padding:6px 10px calc(7px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;align-items:center!important;border:0!important;border-top:.5px solid var(--line)!important;border-radius:0!important;background:rgba(251,251,253,.97)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.bottom-nav [data-target="development"]{display:none!important}
.nav-item{min-width:0!important;height:58px!important;padding:4px 2px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:3px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important}
.nav-item svg{width:22px!important;height:22px!important;stroke-width:1.8!important}
.nav-item b{font-size:10.5px!important;line-height:1.1!important;font-weight:500!important;white-space:nowrap!important}
.nav-item.is-active{color:var(--accent)!important;background:transparent!important}
.inner-screen{display:flex!important;flex-direction:column!important;min-height:0!important;padding-top:max(16px,env(safe-area-inset-top))!important}
.screen-header{flex:0 0 auto!important;padding:8px 18px 15px!important}
.screen-header h1{margin:0!important;font-size:29px!important;line-height:1.08!important;font-weight:700!important;letter-spacing:-.035em!important}
.screen-header p{max-width:520px!important;margin:7px 0 0!important;color:var(--muted)!important;font-size:14px!important;line-height:1.45!important}
.ios-clean-header{padding-bottom:17px!important}
.scroll-content{min-height:0!important;overflow-y:auto!important;padding:0 18px 38px!important;scrollbar-width:none!important}
.scroll-content::-webkit-scrollbar{display:none}
.primary-action,.secondary-action,.danger-action{min-height:44px!important;padding:10px 15px!important;border-radius:12px!important;font-weight:600!important}
.primary-action{color:#fff!important;background:var(--accent)!important;border:1px solid var(--accent)!important}
.secondary-action{color:var(--text)!important;background:var(--surface)!important;border:.5px solid var(--line)!important}
.danger-action{color:var(--danger)!important;background:var(--surface)!important;border:.5px solid var(--line)!important}
.progress-track,.goal-progress{height:3px!important;overflow:hidden!important;border-radius:999px!important;background:var(--track)!important;box-shadow:none!important}
.progress-track>span,.goal-progress span{display:block!important;height:100%!important;border-radius:inherit!important;background:var(--accent)!important;box-shadow:none!important}
.section-card,.profile-summary,.summary-pill,.empty-state{background:var(--surface)!important;border:0!important;box-shadow:var(--shadow)!important}
.section-card{padding:15px 16px!important;border-radius:16px!important}
.section-card h2{font-size:20px!important;font-weight:700!important;letter-spacing:-.02em!important}
.section-card h3{font-size:15px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.01em!important}
.section-card p{font-size:13px!important;line-height:1.45!important;color:var(--muted)!important}
.eyebrow{display:block!important;margin:0 0 5px!important;color:var(--muted)!important;font-size:10.5px!important;font-weight:600!important;letter-spacing:.055em!important}
.screen-today{display:flex!important;flex-direction:column!important;gap:10px!important;overflow-y:auto!important;padding:max(18px,env(safe-area-inset-top)) 18px 30px!important;background:var(--bg)!important;scrollbar-width:none!important}
.screen-today::-webkit-scrollbar{display:none}
.ios-home-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px;margin-bottom:0}
.ios-home-head h1{margin:0;font-size:29px;line-height:1.05;font-weight:700;letter-spacing:-.035em}
.ios-profile-shortcut{width:36px;height:36px;min-width:36px;padding:0;display:grid;place-items:center;border:.5px solid var(--line);border-radius:50%;background:var(--surface);color:var(--accent)}
.ios-profile-shortcut svg{width:19px;height:19px}
.ios-section-title{margin:2px 2px -2px;font-size:18px;line-height:1.2;font-weight:700;letter-spacing:-.018em}
.ios-first-title{margin-top:1px}
.hero-card{position:relative!important;min-height:0!important;padding:16px 16px 15px 28px!important;border:0!important;border-radius:20px!important;background:var(--surface)!important;box-shadow:var(--shadow)!important;overflow:hidden!important}
.hero-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:var(--accent)}
.hero-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.hero-badge{min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--accent)!important;font-size:11px!important;font-weight:600!important}
.hero-duration{display:none!important}
.hero-copy{margin-top:8px!important}
.hero-copy h2{margin:0!important;max-width:none!important;font-size:20px!important;line-height:1.22!important;font-weight:700!important;letter-spacing:-.025em!important}
.hero-copy p{margin:6px 0 0!important;color:var(--muted)!important;font-size:13px!important;line-height:1.42!important}
.hero-cta{width:auto!important;min-width:76px!important;min-height:42px!important;margin:11px 0 0 auto!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:0!important;border-radius:12px!important;color:var(--accent)!important;background:var(--accent-soft)!important;box-shadow:none!important;font-size:13px!important;font-weight:600!important}
.hero-cta span:last-child{font-size:17px!important;font-weight:300!important}
.reward-card{min-height:0!important;padding:13px 14px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 20px!important;align-items:center!important;gap:11px!important;border:0!important;border-radius:16px!important;background:var(--surface)!important;box-shadow:var(--shadow)!important}
.reward-icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:var(--accent-soft)!important;color:var(--accent)!important}
.reward-icon svg{width:20px!important;height:20px!important}
.reward-copy{min-width:0!important}
.reward-type{display:none!important}
.reward-copy h3{display:block!important;margin:0!important;font-size:14px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.01em!important}
.reward-copy p{margin:3px 0 0!important;color:var(--muted)!important;font-size:12px!important;line-height:1.38!important;white-space:normal!important;overflow:visible!important}
.reward-action{width:20px!important;min-width:20px!important;height:32px!important;padding:0!important;border:0!important;background:transparent!important;color:#b7b8be!important;font-size:24px!important;font-weight:300!important;overflow:hidden!important}
.profile-investment{width:100%!important;min-height:0!important;padding:13px 14px!important;border:0!important;border-radius:16px!important;background:var(--surface)!important;box-shadow:var(--shadow)!important;text-align:left!important}
.profile-investment-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.profile-investment-top>div{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:10px!important;width:100%!important}
.profile-investment-top span{font-size:14px!important;font-weight:600!important}
.profile-investment-top strong{font-size:12px!important;font-weight:500!important;color:var(--muted)!important}
.profile-track{margin-top:9px!important}
.profile-dimensions{display:flex!important;flex-wrap:wrap!important;gap:6px 14px!important;margin-top:8px!important;color:var(--muted)!important;font-size:10.5px!important}
.profile-dimensions b{color:var(--text-2)!important}
.profile-value-note{display:none!important}
.profile-next-row{display:none!important}
.ios-resume-title{margin-top:2px}
.ios-resume-card{width:100%;min-height:66px;padding:12px 14px;margin:0 0 18px;display:grid;grid-template-columns:38px minmax(0,1fr) 14px;gap:11px;align-items:center;text-align:left;border:0;border-radius:16px;background:var(--surface);box-shadow:var(--shadow);color:var(--text)}
.ios-resume-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent)}
.ios-resume-icon svg{width:20px;height:20px}
.ios-resume-copy strong{display:block;font-size:14px;line-height:1.25;font-weight:600}
.ios-resume-copy small{display:block;margin-top:3px;color:var(--muted);font-size:11.5px;line-height:1.35}
.ios-chevron{font-size:23px;line-height:1;color:#b7b8be;font-weight:300}
[data-screen="discovery"] .screen-header h1{font-size:27px!important}
[data-screen="discovery"] .scroll-content{padding-bottom:40px!important}
.discovery-stack{display:grid!important;gap:15px!important}
.discovery-intro{padding:17px!important;border:0!important;border-radius:20px!important;background:var(--surface)!important;box-shadow:var(--shadow)!important}
.discovery-intro .eyebrow{color:var(--accent)!important}
.discovery-intro h2{margin:9px 0!important;font-size:20px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.02em!important}
.discovery-intro p{margin:0 0 15px!important;color:var(--muted)!important;font-size:13px!important;line-height:1.45!important}
.discovery-note{display:block!important;margin-top:11px!important;color:var(--muted)!important;font-size:11.5px!important;line-height:1.4!important}
.discovery-heading{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important;margin-top:2px!important}
.discovery-heading h2{margin:0!important;font-size:18px!important;font-weight:700!important}
.discovery-heading>span{color:var(--muted)!important;font-size:11.5px!important}
.discovery-topics{display:grid!important;gap:9px!important}
.discovery-topic{width:100%!important;min-height:78px!important;padding:12px 13px!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) 14px!important;align-items:center!important;gap:11px!important;text-align:left!important;border:0!important;border-radius:15px!important;background:var(--surface)!important;box-shadow:var(--shadow)!important}
.discovery-icon{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:var(--accent-soft)!important;color:var(--accent)!important}
.discovery-icon svg{width:20px!important;height:20px!important}
.discovery-topic-copy small{display:block!important;color:var(--muted)!important;font-size:11.5px!important;line-height:1.3!important}
.discovery-topic-copy strong{display:block!important;margin-top:3px!important;color:var(--text)!important;font-size:14.5px!important;line-height:1.3!important;font-weight:600!important}
.discovery-arrow{color:#b7b8be!important;font-size:22px!important}
.discovery-coming{padding:4px 2px 0!important}
.discovery-coming h3{margin:6px 0!important;font-size:15px!important}
.discovery-coming p{margin:0!important;color:var(--muted)!important;font-size:12px!important;line-height:1.45!important}
[data-screen="journal"]{position:relative!important}
.ios-journal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:0 18px 15px;padding:2px;border-radius:11px;background:var(--surface-soft)}
.ios-journal-tabs button{height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:13px;font-weight:600}
.ios-journal-tabs button.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.ios-journal-plan{min-height:0;overflow-y:auto;padding:0 18px 100px;scrollbar-width:none}
.ios-journal-plan::-webkit-scrollbar{display:none}
.ios-journal-plan #development-content{padding:0!important;overflow:visible!important}
.ios-journal-plan .section-stack{display:grid!important;gap:9px!important}
.ios-journal-plan .section-card{padding:14px 15px!important;border-radius:15px!important}
.ios-journal-plan .section-card .eyebrow{font-size:10px!important;color:var(--accent)!important}
.ios-journal-plan .section-card h3{font-size:14.5px!important;line-height:1.3!important;font-weight:600!important}
.ios-journal-plan .section-card p{font-size:11.8px!important;line-height:1.4!important;margin-top:5px!important}
.ios-journal-plan .goal-progress{margin-top:9px!important}
.ios-journal-plan #add-goal{margin-top:3px!important}
#journal-content{padding-bottom:100px!important}
.ios-journal-fab{position:absolute;right:20px;bottom:20px;z-index:25;width:48px;height:48px;min-width:48px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:28px;font-weight:300;box-shadow:0 5px 18px rgba(0,122,255,.24)}
[data-screen="profile"] .scroll-content{padding-bottom:40px!important}
.profile-stack{display:grid!important;gap:17px!important}
.profile-summary{min-height:88px!important;padding:14px 16px!important;display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;align-items:center!important;gap:13px!important;border-radius:18px!important}
.profile-avatar{width:50px!important;height:50px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:var(--accent-soft)!important;color:var(--accent)!important}
.profile-avatar svg{width:24px!important;height:24px!important}
.profile-summary h3{margin:0!important;font-size:19px!important;font-weight:700!important;letter-spacing:-.02em!important}
.profile-summary p{margin:3px 0 0!important;color:var(--muted)!important;font-size:12.5px!important}
.profile-stack>.section-card{display:none!important}
.ios-profile-groups{display:grid!important;gap:17px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.ios-profile-group{display:grid;gap:6px}
.ios-profile-label{padding:0 4px;color:var(--muted);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.ios-settings-group{overflow:hidden;border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}
.settings-row{width:100%!important;min-height:58px!important;padding:10px 13px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) auto 12px!important;align-items:center!important;gap:10px!important;text-align:left!important;border:0!important;border-bottom:.5px solid var(--line)!important;border-radius:0!important;background:var(--surface)!important;box-shadow:none!important}
.settings-row:last-child{border-bottom:0!important}
.settings-row>span:first-child,.ios-row-icon{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:var(--accent-soft)!important;color:var(--accent)!important}
.settings-row>span:first-child svg,.ios-row-icon svg{width:18px!important;height:18px!important}
.settings-row strong{display:block!important;font-size:14px!important;line-height:1.25!important;font-weight:600!important}
.settings-row small{display:block!important;margin-top:2px!important;color:var(--muted)!important;font-size:11px!important;line-height:1.3!important}
.settings-row em{color:var(--muted)!important;font-size:11.5px!important;font-style:normal!important;white-space:nowrap!important}
.settings-row:after{content:"›";color:#b7b8be;font-size:22px;line-height:1;font-weight:300}
.sheet,.confirm{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;border:0!important;background:transparent!important}
.sheet::backdrop,.confirm::backdrop{background:rgba(0,0,0,.32)!important}
.sheet-card{position:absolute!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100%,760px)!important;max-height:90vh!important;overflow-y:auto!important;padding:9px 17px calc(19px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;background:var(--surface)!important;box-shadow:none!important}
.sheet-header h2{margin:0!important;font-size:22px!important;font-weight:700!important}
.sheet-header p{margin:4px 0 0!important;color:var(--muted)!important;font-size:13px!important;line-height:1.4!important}
.sheet-close{min-width:44px!important;width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--surface-soft)!important;color:var(--text-2)!important;font-size:27px!important}
.form-grid input:not([type="range"]),.form-grid textarea,.form-grid select{background:var(--surface-soft)!important;border:.5px solid var(--line)!important;border-radius:12px!important}
.choice-button{background:var(--surface)!important;border:.5px solid var(--line)!important;border-radius:12px!important}
.choice-button.is-selected{background:var(--accent-soft)!important;border-color:rgba(0,122,255,.28)!important;color:var(--accent)!important}
.toast{bottom:calc(84px + env(safe-area-inset-bottom))!important;border-radius:12px!important;background:rgba(35,35,37,.94)!important}
@media(max-width:520px){.screen-today{padding-left:18px!important;padding-right:18px!important;gap:10px!important}.screen-header{padding-left:18px!important;padding-right:18px!important}.scroll-content{padding-left:18px!important;padding-right:18px!important}.reward-card{grid-template-columns:42px minmax(0,1fr) 20px!important}}
@media(max-width:350px){.screen-today{padding-left:14px!important;padding-right:14px!important}.screen-header,.scroll-content{padding-left:14px!important;padding-right:14px!important}.ios-journal-tabs{margin-left:14px;margin-right:14px}.ios-journal-plan{padding-left:14px;padding-right:14px}.ios-home-head h1{font-size:27px}.hero-copy h2{font-size:19px!important}.screen-header h1{font-size:27px!important}.settings-row{grid-template-columns:30px minmax(0,1fr) 12px!important}.settings-row em{display:none!important}}
@media(prefers-color-scheme:dark){:root{--bg:#000;--surface:#1c1c1e;--surface-soft:#2c2c2e;--text:#f5f5f7;--text-2:#d1d1d6;--muted:#98989d;--line:rgba(84,84,88,.58);--accent:#0a84ff;--accent-soft:#102b46;--track:#343438;--tab:#111113;--shadow:none}html,body,.app-shell,.screen{background:var(--bg)!important}.bottom-nav{background:#111113!important}.ios-profile-shortcut,.hero-card,.reward-card,.profile-investment,.ios-resume-card,.section-card,.profile-summary,.ios-settings-group,.settings-row,.discovery-intro,.discovery-topic{background:var(--surface)!important}.ios-journal-tabs,.sheet-close{background:var(--surface-soft)!important}.ios-journal-tabs button.is-active{background:var(--surface)!important}.sheet-card,.confirm-card{background:var(--surface)!important}.secondary-action,.danger-action,.choice-button{background:var(--surface-soft)!important}.hero-cta{background:var(--accent-soft)!important;color:var(--accent)!important}.nav-item.is-active{color:var(--accent)!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}