/* Approved rose foreground with compact branded portrait. */
body[data-theme="vanilla-rose"]{--bg:#f5e9db;--card:#fff8ef;--card2:#efe0d4;--gold:#ac6865;--gold2:#925650;--text:#543b3b;--muted:#89736d;--line:#d4b1a2;background-image:linear-gradient(180deg,#f5e9dbdc,#f5e9dbf5),url('./assets/training-bg-rose.jpg')}
body[data-screen="home"][data-theme="vanilla-rose"] .app:before{height:445px;background:linear-gradient(180deg,#f5e9db08,#f5e9db10 55%,#f5e9db 95%),url('./assets/singlejack-header-rose-branded.png') center 29%/100% auto no-repeat}
body[data-screen="home"][data-theme="vanilla-rose"] .brand{align-items:flex-start;padding-left:10px;padding-right:52%;justify-content:center;padding-top:45px;padding-bottom:0}
body[data-screen="home"][data-theme="vanilla-rose"] .brand .mark{align-self:center;width:63px;height:102px;filter:drop-shadow(0 2px 1px #fff9)}
body[data-screen="home"][data-theme="vanilla-rose"] .brand h1{font-size:14px;letter-spacing:2px;align-self:center}
body[data-screen="home"][data-theme="vanilla-rose"] .brand .tag{font-size:7px;letter-spacing:1.6px;align-self:center}
body[data-screen="home"][data-theme="vanilla-rose"] .brand:after{margin-left:auto;margin-right:auto}
body[data-theme="vanilla-rose"] #home .sj-shortcut{background:linear-gradient(135deg,#bd8585,#a86c69);border-color:#b5776f;color:#fff7ed;box-shadow:0 7px 18px #88564d20}
body[data-theme="vanilla-rose"] #home .sj-shortcut svg{stroke:#fff7ed}
body[data-theme="vanilla-rose"] .primary,body[data-theme="vanilla-rose"] #home .start{background:linear-gradient(135deg,#c18c87,#a56861);color:#fff9ef;border-color:#a56861}
body[data-theme="vanilla-rose"] #home .workout{background:linear-gradient(145deg,#fffaf3,#f5e9df);border-color:#d8b9a9}
.story-entry{display:flex;flex-direction:column;gap:9px;text-align:left;width:100%;color:var(--text);cursor:pointer}.story-entry strong{font-size:22px;font-weight:500}.story-entry .muted{font-size:13px}
.story-portrait{height:380px;background-image:url('./assets/singlejack-story-portraits.png');background-size:200% 100%;background-position:left top;border-radius:20px 20px 0 0;position:relative;overflow:hidden}
body[data-theme="vanilla-rose"] .story-portrait{background-position:right top}
.story-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 68%,var(--bg) 100%)}
.story-wordmark{text-align:center;font-size:22px;letter-spacing:5px;color:var(--gold2);margin:-5px 0 26px;position:relative}.story-wordmark small{display:block;font-size:9px;letter-spacing:3px;margin:12px 0 0}.story-copy{padding:0 10px;line-height:1.8}.story-copy h2{font-family:Georgia,serif;font-size:25px;line-height:1.3;font-weight:400;color:var(--gold2);margin:28px 0 13px}.story-copy p{font-size:15px;letter-spacing:.1px;color:var(--text)}.story-closing{font-family:Georgia,serif;font-size:22px;line-height:1.7;margin:30px 0;color:var(--gold2)}.story-signature{text-align:center;font-size:10px!important;letter-spacing:2px;padding:22px 0}.story-copy .btn{border-radius:30px}body[data-screen="story"] .app:before{opacity:.2}
.cardio-activity-tiles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}.cardio-activity-tiles button{display:grid;place-items:center;gap:9px;min-height:87px;border:1px solid var(--line);border-radius:16px;background:var(--card2);color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.cardio-activity-tiles svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.cardio-activity-tiles button[aria-pressed="true"]{color:var(--gold2);border-color:var(--gold);background:color-mix(in srgb,var(--gold) 15%,var(--card))}.cardio-native-activity{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%)}#cardioForm{border-radius:22px;padding:22px}#cardioForm .cardio-grid{gap:16px}#cardioForm input{border-radius:12px;background:var(--card2);min-height:49px}#cardioPreview{padding:14px;background:color-mix(in srgb,var(--gold) 8%,var(--card));border-radius:12px;line-height:1.6}#saveCardio{border-radius:14px;min-height:50px}
@media(max-width:360px){.story-portrait{height:335px}.story-wordmark{font-size:19px;letter-spacing:4px}.story-copy{padding:0 3px}.story-copy h2{font-size:23px}#cardioForm{padding:16px}.cardio-activity-tiles{gap:7px}}

/* v0.16.7: softer compact female hero and undistorted story portraits. */
body[data-screen="home"][data-theme="vanilla-rose"] .brand{height:245px;min-height:245px;padding-top:25px}
body[data-screen="home"][data-theme="vanilla-rose"] .app:before{height:350px;background:linear-gradient(180deg,#f5e9db4d,#f5e9db66 55%,#f5e9db 96%),url('./assets/singlejack-header-rose-branded.png') center 26%/100% auto no-repeat}
.story-portrait{height:auto;aspect-ratio:3/4;background-size:200% auto;background-repeat:no-repeat}
@media(max-width:360px){body[data-screen="home"][data-theme="vanilla-rose"] .brand{height:225px;min-height:225px}.story-portrait{height:auto}}