/* Refined symbol version: existing olive/ivory palette, readable labels, quiet summaries. */
:root{--bg:#f7f8f3;--ink:#303329;--muted:#697060;--line:#dfe4d7;--olive:#65764e;--dark:#465839;--pale:#eef2e7;--sage:#e4ead9}
.app-shell{width:min(100%,var(--preview-width,440px));max-width:440px;height:min(100dvh,var(--preview-height,100dvh))}
.app-shell #main{scroll-behavior:auto;padding:14px 16px 24px}
.app-shell h1{font-weight:650}.app-shell h2{font-weight:600}.app-shell h3{font-weight:600}
.app-shell .header-row{min-height:66px;height:auto}.app-shell .header-row>h1{font-size:19px}
.app-shell .flo{display:block;flex:none;width:78px;height:104px;background-image:url('assets/flo-poses.png');background-size:300% 100%;background-position:0 50%;background-repeat:no-repeat;mix-blend-mode:normal}
.app-shell .flo-teacher{background-position:50% 50%}.app-shell .flo-read{background-position:100% 50%}
.flo-welcome{display:flex;justify-content:space-between;align-items:end;margin:2px 0 23px}
.app-shell .flo-welcome .flo{width:140px;height:187px}.flo-welcome .brand{letter-spacing:4px;margin:0 8px 16px}
.app-shell .welcome-banner .flo{width:83px;height:111px}.app-shell .welcome-banner h1{font-size:24px;line-height:1.25}
.app-shell .welcome-banner{padding:16px;min-height:140px;align-items:center}
.r-step-progress{display:flex;gap:7px;margin:14px 0 5px}.r-step-group{display:flex;gap:3px;flex:1}.r-step-group i{flex:1;height:3px;background:var(--line);border-radius:8px}.r-step-group i.filled{background:var(--olive)}
.app-shell .w-slide>h1{font-size:29px}.app-shell .w-slide .w-intro{font-size:16px}.app-shell .w-slide .w-body{font-size:15px;line-height:1.7}.app-shell .w-name input{font-size:17px}
.app-shell .w-content .w-form-title>h1{font-size:22px}.app-shell .w-form-title>p{font-size:14px}.app-shell .w-content #profile-editor{margin-bottom:22px}.w-saved-row>div{flex:1}
.app-shell .w-content .profile-editor-actions{display:none}.app-shell .w-content #profile-editor>button[type=submit]{margin-top:12px}
.app-shell .w-info-row{padding:13px 0}.app-shell .w-info-row h3{font-size:16px}
.app-shell .w-period-tabs .icon{width:17px;height:17px}.app-shell .w-footer button{font-size:13px}
.r-heading-help,.r-day-help{color:var(--muted);font-size:13px;line-height:1.5;margin-top:5px}.r-day-help{margin:-7px 1px 13px}
.app-shell .entry-invitation h2{font-size:18px}.app-shell .period-buttons.four .period-button{font-size:12px;font-weight:500;min-height:82px}
.app-shell .home-topline .brand{font-size:15px;letter-spacing:3px}.app-shell .home-topline .avatar-button{width:32px;height:32px;min-height:32px;font-size:12px}
.r-summary-title h2{display:flex;align-items:center;gap:8px;font-size:18px!important}.r-summary-title>p{font-size:12px;color:var(--muted);margin:3px 0 0 32px}
.app-shell .period-summary{background:#fff;padding:14px}.app-shell .summary-group h4{font-size:14px;margin:0}.r-summary-help{font-size:12px;color:var(--muted);margin:2px 0 9px}
.r-summary-rail{display:flex;overflow-x:auto;gap:9px;padding:8px 2px 6px;scrollbar-width:thin}
.r-summary-answer{position:relative;flex:0 0 103px;min-height:76px;border:1px solid #cbd4bf;border-radius:11px;background:transparent;padding:12px 8px 7px;display:flex;flex-direction:column;gap:4px;box-shadow:none}
.r-summary-answer>strong{font-size:12px;font-weight:600;line-height:1.3;padding-right:10px}.r-summary-answer>span:not(.r-answer-badge){font-size:12px;color:var(--muted);line-height:1.35}
.r-answer-badge{position:absolute;right:-3px;top:-9px;width:27px;height:27px;background:#fff;border:1px solid #d6decb;border-radius:9px;display:grid;place-items:center;padding:3px;color:var(--olive)}
.r-answer-badge>.answer-icon,.r-answer-badge>.icon{width:21px!important;height:21px!important}.r-answer-badge>.double-amount{width:22px!important}
.r-summary-answer .time-badges{display:flex;gap:3px}.r-summary-answer .time-badges i{font-size:9px}
.r-entry-intro{margin:0 0 13px}.r-entry-intro h2{font-size:20px;line-height:1.35}.r-entry-intro p{font-size:13px;color:var(--muted);line-height:1.55;margin-top:5px}
.app-shell .v-entry-tabs{position:static;margin-top:4px}.app-shell .v-entry-tabs button{font-size:14px}.app-shell .entry-position{font-size:11px}
.app-shell .entry-page-title{font-size:20px;margin-bottom:4px}.r-section-help{font-size:13px;color:var(--muted);margin:0 1px 14px}
.app-shell .response-card{padding:14px;margin-bottom:13px}.app-shell .response-card h3{font-size:16px!important}.app-shell .question-hint{font-size:13px;line-height:1.5;margin-top:5px}
.app-shell .form-hint{font-size:12px;line-height:1.6}.app-shell .profile-form-card .form-hint{font-size:13px}
.answer-icon{display:block;width:35px;height:35px;flex:none;color:inherit;overflow:visible}
.app-shell .r-answer-row{gap:7px;align-items:stretch;padding:4px 1px 6px}.app-shell .r-answer-row .choice{flex:1 0 65px;min-width:65px;max-width:170px;padding:4px 0;gap:7px;justify-content:start}
.app-shell .r-answer-row .choice-art{width:100%;height:53px;min-height:53px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px}
.app-shell .r-answer-row .choice-art>.answer-icon,.app-shell .r-answer-row .choice-art>.icon{width:35px;height:35px}
.app-shell .r-answer-row .choice-label{font-size:13px!important;line-height:1.35;color:var(--ink);font-weight:400;word-break:normal;overflow-wrap:normal}
.app-shell .choice.selected .choice-label{color:var(--dark);font-weight:600}.app-shell .choice.selected:after{display:none}.app-shell .choice.selected .choice-art:after{bottom:-3px;right:-2px;top:auto;font-size:10px;width:15px;height:15px}
.r-portion-row{display:flex;gap:7px;overflow-x:auto;padding:5px 1px 8px;scrollbar-width:thin;align-items:stretch}
.app-shell .r-portion-row .choice{flex:1 0 49px;min-width:49px;max-width:72px;background:transparent;border:0;border-radius:10px;padding:4px 0;justify-content:start;gap:7px}
.app-shell .r-portion-row .choice-art{width:100%;height:45px;border:1px solid var(--line);border-radius:10px;background:var(--pale);display:flex;align-items:center;justify-content:center;padding:4px;color:var(--olive)}
.app-shell .r-portion-row .choice-art>.answer-icon{width:33px;height:37px}.app-shell .r-portion-row .choice-art>.double-amount{width:45px;height:34px}
.app-shell .r-portion-row .choice-label{font-size:13px!important;line-height:1.3;white-space:nowrap;color:var(--ink)}
.app-shell .r-portion-row .choice.selected .choice-art{background:var(--olive);color:#fff;border-color:var(--olive)}
.app-shell .r-meal-picker{display:flex;gap:7px;margin-bottom:16px;align-items:stretch}.r-meal-scroll{flex:1;min-width:0;display:flex;gap:7px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}
.app-shell .r-meal-picker .meal-tile{flex:0 0 112px;min-height:69px;font-size:13px;padding:10px 8px}.app-shell .r-meal-picker .r-add-meal{flex:0 0 79px;border-style:dashed;background:var(--pale)}
.app-shell .r-skip{min-height:38px!important;padding:7px 9px;font-size:12px!important;border:1px solid var(--line);border-radius:10px;background:var(--pale);font-weight:400}
.app-shell .r-skip.selected{background:var(--olive);color:#fff;border-color:var(--olive)}.app-shell .nutrition-library-heading .meal-tile{min-height:40px}
.app-shell .response-card .platter-heading{align-items:start}.app-shell .response-card .platter-heading h3{margin-top:6px}
.app-shell .third-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-shell .third-grid .choice{background:transparent;min-height:109px;gap:8px;padding:7px}.app-shell .third-grid .choice-art{width:100%;height:57px;border:1px solid var(--line);border-radius:12px;background:var(--pale);display:grid;place-items:center}.app-shell .third-grid .choice-label{font-size:13px!important;color:var(--ink)}.app-shell .third-grid .choice.selected .choice-art{background:var(--olive);color:#fff}.app-shell .third-grid .choice svg{width:36px;height:36px;color:inherit}
.nothing-unusual .answer-icon{width:27px;height:27px}.app-shell .time-buttons button{font-size:12px}
.app-shell .profile-form-card h2{font-size:17px}.app-shell .profile-form-card h3{font-size:14px}.app-shell .profile-form-card input,.app-shell .profile-form-card textarea,.app-shell .profile-form-card select{font-size:16px!important}
.app-shell .profile-card-title{gap:0}.app-shell .profile-preview-three{gap:8px}.app-shell .profile-assessment-preview{gap:8px;font-size:12px}.app-shell .profile-mini{font-size:12px}.app-shell .profile-list-row{padding-left:4px}
.app-shell .profile-overview-card .profile-card-title strong{font-size:16px}.app-shell .profile-overview-card .profile-card-title small{font-size:13px}.app-shell .profile-overview-card .profile-card-title>span:not(.profile-card-icon){flex:1}
.app-shell .field input[readonly]{background:var(--pale);color:var(--muted)}
.r-page-intro{display:flex;align-items:center;gap:13px;margin:0 0 17px}.r-page-intro>div:last-child{flex:1}.app-shell .r-page-intro .flo{width:65px;height:87px}.r-page-intro h2{font-size:22px;line-height:1.3}.r-page-intro p{font-size:13px;color:var(--muted);margin-top:6px}
.r-view-intro{margin:16px 0 12px}.r-view-intro h2{font-size:19px;line-height:1.35}.r-view-intro p{font-size:13px;color:var(--muted);margin-top:5px}
.app-shell .insight-card h2{font-size:16px}.actual-symbol>.answer-icon,.actual-symbol>.icon{width:25px;height:25px}.actual-symbol.match .answer-icon{color:#fff}.actual-symbol{width:37px;height:37px}.app-shell .actual-week{grid-template-columns:repeat(7,minmax(47px,1fr))}
.app-shell .category-choices{flex-wrap:wrap}.app-shell .category-choices button{flex:1 0 29%;min-height:44px;font-size:13px;padding:9px 5px}.app-shell .picker-options .answer-icon{width:33px;height:33px}.app-shell .picker-options button{font-size:13px}
.r-report-phases{display:flex;gap:6px;margin-bottom:14px}.r-report-phases button{flex:1;min-width:0;padding:8px 4px;background:var(--pale);border:1px solid var(--line);border-radius:11px;font-size:12px;line-height:1.4}.r-report-phases button.selected{background:var(--olive);color:#fff}
.app-shell .report-link{gap:10px;padding:13px;min-height:69px}.app-shell .report-link .list-copy{flex:1}.app-shell .report-link strong{font-size:15px}.app-shell .report-link small{font-size:12px}
.app-shell .learning-tracks strong{font-size:14px}.app-shell .learning-tracks small{font-size:12px!important}.app-shell .learning-tracks button{min-height:70px;padding:12px}
.r-tour-card{margin:15px 0;padding:13px}.r-tour-card>div{display:flex;align-items:center;gap:10px;margin-bottom:12px}.app-shell .r-tour-card .flo{width:51px;height:68px}.r-tour-card h2{font-size:17px}.r-tour-card p{font-size:13px;line-height:1.5;color:var(--muted);margin-top:5px}
.app-shell .learning-prompt .flo{width:38px;height:51px}.app-shell .lesson-row{font-size:14px}.app-shell .learning-group>h3{font-size:11px}
.r-help-row{display:flex;justify-content:end;gap:15px;min-height:28px;margin:-5px 0 5px}.r-help-row .text-btn{font-size:12px;min-height:32px;padding:4px 0}
#r-spotlight{position:fixed;inset:0;z-index:10000;overflow:hidden;isolation:isolate}
.r-spotlight-dim{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
.r-spotlight-hole{position:fixed;border-radius:12px;outline:2px solid #b9c89d;pointer-events:none;z-index:1}
.r-nav-spotlight{position:fixed;border-radius:10px;outline:3px solid #b9c89d;pointer-events:none;z-index:1}
.r-tour-tooltip{position:fixed;z-index:3;display:flex;flex-direction:column;background:#fff;color:#303329;border-radius:14px;border:1px solid #b8c0af;box-shadow:0 16px 44px #11180e66,0 2px 8px #11180e33;padding:14px;max-height:calc(100dvh - 28px);overflow:hidden}
.r-tour-head{display:flex;align-items:center;flex-shrink:0;gap:9px;margin-bottom:8px}.r-tour-head .flo{width:35px;height:47px;display:block;flex:none;background-image:url('assets/flo-poses.png');background-size:300% 100%;background-position:50% 50%;background-repeat:no-repeat}
.r-tour-head .eyebrow{font-size:10px;letter-spacing:.6px;margin-bottom:4px}.r-tour-head h2{font-size:17px;line-height:1.3}.r-tour-tooltip>p{font-size:14px;line-height:1.55;color:#424a3b}.r-tour-copy{overflow-y:auto;min-height:36px;flex:1 1 auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}
.r-tour-buttons{display:flex;align-items:center;flex-shrink:0;gap:7px;margin-top:10px}.r-tour-buttons button{font-size:13px;min-height:44px;padding:9px 12px}.r-tour-buttons>.text-btn{margin-right:auto;font-size:12px}
.r-tour-pointer{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.r-pointer-under{fill:none;stroke:#26331d;stroke-width:4;stroke-linecap:round}.r-pointer-line{fill:none;stroke:#e5eddc;stroke-width:2;stroke-linecap:round}
.r-tour-location{flex-shrink:0;border-top:1px solid #dce3d3;margin-top:9px;padding-top:8px}.r-tour-location-caption{display:none}.r-tour-location>div{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.r-tour-location>div>span:not(.r-tour-location-arrow){font-size:11px;line-height:1.4;border:1px solid #cbd7ba;border-radius:6px;padding:3px 6px;background:#eef2e7;color:#465839}.r-tour-location>div>.r-tour-screen{background:#65764e!important;border-color:#65764e!important;color:#fff!important;font-weight:600}.r-tour-location-arrow{font-size:12px;color:#697060}
.r-tour-scroll-space{pointer-events:none;flex:none}
.r-third-first-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;grid-column:1/-1}
.r-tour-pending .r-tour-tooltip,.r-tour-pending .r-tour-pointer{visibility:hidden}
.r-tour-location>div{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;padding-bottom:3px}.r-tour-location>div>span{flex:none}
@media(max-width:360px){.app-shell #main{padding-inline:12px}.app-shell .period-buttons.four .period-button{font-size:11px}.app-shell .r-summary-answer{flex-basis:96px}.app-shell .welcome-banner h1{font-size:21px}.r-entry-intro h2{font-size:18px}.r-report-phases button{font-size:11px}.app-shell .w-slide>h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}