.experience-preview { --experience-green:#174d37; --experience-ink:#173b2d; --experience-muted:#687d72; }
.experience-preview [hidden] { display:none!important; }
.experience-preview .phone-screen { background:#f6faf7; }
.experience-preview .screen-container { padding-top:14px; }
.experience-preview .phone-tab-bar { border-top:1px solid #dfebe3; }
.experience-preview .phone-tab-item span { font-size:11px; }
.experience-preview .phone-tab-item.experience-diary-tab i { background:#e0f2e7;border-radius:14px;padding:3px 12px;color:#145136; }
.experience-preview .form-control, .experience-select { min-height:46px;background:#fff;border:1px solid #d9e5de;border-radius:12px;padding:10px 12px;color:#173b2d;font:inherit;max-width:100%; }
.experience-preview input:focus-visible,.experience-preview select:focus-visible,.experience-preview button:focus-visible { outline:3px solid #a4ceb9;outline-offset:3px; }
.experience-preview .btn-primary { background:#1d6042;box-shadow:none;min-height:46px; }
.experience-preview .btn-primary:disabled { opacity:.48;cursor:default; }
.experience-preview .card,.experience-panel { border:1px solid #dfebe3;box-shadow:0 3px 15px #173b2d05;border-radius:20px; }
.eyebrow { margin:0 0 5px;color:#698071;font-size:11px;font-weight:600;letter-spacing:.035em; }
.experience-home { margin-bottom:14px; }
.experience-day-heading,.experience-section-heading,.experience-dialog-heading { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.experience-day-heading { margin-bottom:14px; }
.experience-day-heading h2 { color:#173b2d;font-size:25px;line-height:1.12;letter-spacing:-.65px;margin:0;max-width:290px; }
.experience-round-button { display:inline-grid;place-items:center;border:1px solid #dce8e0;background:#fff;color:#275d41;width:40px;height:40px;border-radius:14px;flex-shrink:0;font-size:22px;cursor:pointer; }
.experience-today-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.experience-stat { min-width:0;border-radius:15px;padding:14px 11px;background:#edf6f0; }
.experience-stat.mint { background:#eaf5ef; }
.experience-stat.lavender { background:#f0edfa; }
.experience-stat.peach { background:#fff4e6; }
.experience-stat.sand { background:#f5f3e9; }
.experience-stat>span { display:block;font-size:11px;line-height:1.35;color:#385b49;min-height:29px; }
.experience-stat>strong { display:block;margin-top:9px;font-size:27px;line-height:1.1;color:#18432e;font-weight:650;letter-spacing:-.6px; }
.experience-stat strong small { display:block;font-size:11px;line-height:1.4;font-weight:400;letter-spacing:0;margin-top:3px; }
.experience-stat p { margin:7px 0 0;font-size:10px;line-height:1.4;color:#6d7c73; }
body[data-experience-mode="diabetes"] #experience_home_summary { display:none; }
.experience-preview .home-summary-card { padding:14px!important;min-height:145px!important; }
.experience-preview .home-summary-card h3 { font-size:12px; }
.experience-preview .home-summary-card .glucose-big { font-size:29px!important; }
.experience-preview #home_glucose_card { cursor:pointer;position:relative; }
.experience-preview .experience-card-link { display:block;margin-top:9px;font-size:10px;font-weight:600;color:#327853; }
.experience-section-heading { margin-bottom:13px; }
.experience-section-heading h2,.experience-section-heading h3 { color:#173b2d;margin:0;font-size:19px;letter-spacing:-.3px; }
.experience-section-heading>span { max-width:145px;font-size:11px;color:#718276;text-align:right;line-height:1.4; }
.experience-actions { padding:17px!important; }
.experience-quick-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px; }
.experience-quick-button { min-width:0;padding:10px 2px;background:#f5f9f6;color:#204c34;border:1px solid #e2ece5;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;font:inherit; }
.experience-quick-button i { font-size:22px; }
.experience-quick-button span { font-size:10px;line-height:1.2; }
.experience-discovery { display:grid;gap:9px;margin:12px 0 18px; }
.experience-discovery button { display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #dfe9e1;border-radius:16px;padding:13px;background:#fff;font:inherit;color:#214d37;width:100%;cursor:pointer; }
.experience-discovery button>span:nth-child(2) { flex:1;min-width:0; }
.experience-discovery strong { display:block;font-size:13px; }
.experience-discovery small { display:block;font-size:11px;color:#75857b;line-height:1.4;margin-top:4px; }
.discovery-icon { width:36px;height:36px;display:grid;place-items:center;background:#e6f3eb;border-radius:12px;font-size:22px;flex-shrink:0; }
.discovery-icon.lavender { background:#efebf9; }
.experience-diary-intro { padding:3px 4px 15px; }
.experience-diary-intro h2 { color:#173b2d;font-size:29px;letter-spacing:-.6px;margin:0 0 7px; }
.experience-diary-intro>p:last-child { color:#718074;font-size:13px;line-height:1.5;margin:0; }
.experience-preview .log-buttons { margin-top:0; }
.experience-preview .journal-source { font-size:10px; }
.experience-preview .feed-item { padding:10px 0; }
.experience-preview .feed-title { overflow-wrap:anywhere; }
.experience-preview .factor-analytics-status { margin-top:8px; }
.experience-analytics { margin-bottom:16px; }
.experience-analytics> .experience-section-heading { align-items:flex-end; }
.experience-analytics h2 { max-width:230px;font-size:25px;line-height:1.12; }
.experience-period { border:1px solid #d9e5de;border-radius:11px;background:#fff;padding:9px;color:#215239;font:inherit;font-size:12px;min-height:40px; }
.experience-analysis-tabs { display:flex;gap:5px;overflow-x:auto;margin:16px 0 10px;padding-bottom:3px; }
.experience-analysis-tabs button { border:0;padding:10px 12px;white-space:nowrap;border-radius:12px;background:#eaf2ec;color:#40614e;font:inherit;font-size:12px;cursor:pointer; }
.experience-analysis-tabs button[aria-pressed="true"] { background:#256044;color:#fff; }
.experience-panel { padding:18px;margin-bottom:14px;background:#fff; }
.experience-panel h3 { color:#1c4a33;font-size:18px;line-height:1.2;margin:0 0 13px; }
.experience-panel h4 { color:#1c4a33;font-size:14px;margin:15px 0 10px; }
.experience-panel .experience-section-heading h3 { margin:0; }
.experience-metrics-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.experience-metrics-grid .experience-stat>span { min-height:0; }
.experience-chart { height:180px;position:relative;margin:16px 0 7px; }
.experience-stress-summary { display:flex;gap:8px;margin-top:10px; }
.experience-stress-summary>span { flex:1;min-width:0;font-size:11px;color:#58705f;border:1px solid #e3ece5;border-radius:11px;padding:10px 7px; }
.experience-stress-summary strong { display:block;color:#214a34;font-size:18px;margin-top:6px; }
.experience-observations { margin:0;padding:0 0 0 18px;color:#4b6152;font-size:13px;line-height:1.6; }
.experience-observations li { margin-bottom:10px;padding-left:3px; }
.experience-associations { display:grid;gap:8px; }
.experience-associations span { display:block;border:1px solid #e4ece6;border-radius:10px;padding:10px;font-size:12px;color:#647b6c; }
.experience-associations strong { display:block;color:#244c35;margin-bottom:4px; }
.experience-preview .entry-hint,.experience-observation-note { color:#6a7d70;font-size:12px;line-height:1.5; }
.experience-observation-note { padding:6px 0 0;margin:0; }
.experience-profile h3 { margin:8px 0 14px;font-size:18px;color:#1d4933; }
.experience-profile .form-group>small,.experience-dialog .form-group>small { display:block;color:#708071;font-size:11px;line-height:1.5;margin-top:6px; }
.experience-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.experience-profile-flags { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0; }
.experience-profile-flags label { display:flex;align-items:center;gap:8px;font-size:12px; }
.experience-preview input[type="checkbox"],.experience-preview input[type="radio"] { accent-color:#276449; }
.experience-save-row { display:flex;gap:8px; }
.experience-save-row .btn { flex:1; }
.experience-settings-link { border:1px solid #dce9df;background:#f5faf6;display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:13px;padding:14px 11px;margin-top:24px;color:#27513a;font:inherit;cursor:pointer; }
.experience-settings-link>i { font-size:24px; }
.experience-settings-link>span { flex:1; }
.experience-settings-link strong { display:block;font-size:13px; }
.experience-settings-link small { display:block;font-size:11px;color:#718476;margin-top:4px; }
dialog.experience-dialog { box-sizing:border-box;width:calc(100% - 28px);max-width:520px;max-height:92dvh;overflow-y:auto;margin:auto;border:1px solid #dce8df;border-radius:25px;padding:24px;background:#fff;color:#254634;box-shadow:0 20px 100px #163f2840; }
dialog.experience-dialog::backdrop { background:#102f2455;backdrop-filter:blur(3px); }
.experience-dialog-heading { margin-bottom:23px; }
.preview-label { display:inline-block;padding:5px 9px;background:#edf5ef;color:#3a6a4c;border-radius:8px;font-size:11px;font-weight:600; }
.experience-dialog h2 { font-size:31px;line-height:1.05;letter-spacing:-.8px;margin:0 0 12px;color:#1a4a31; }
.experience-dialog-copy { font-size:13px;line-height:1.6;color:#6a7e70;margin:0 0 19px; }
.experience-mode-options { display:grid;gap:9px;margin-bottom:22px; }
.experience-mode-option { display:flex;align-items:center;gap:12px;position:relative;border:1px solid #dfe9e2;border-radius:16px;padding:15px 12px;background:#fff;cursor:pointer; }
.experience-mode-option:has(input:checked) { border-color:#438865;background:#edf7f0;box-shadow:inset 0 0 0 1px #438865; }
.experience-mode-option>input { position:absolute;opacity:0; }
.experience-mode-option:has(input:focus-visible) { outline:3px solid #a4ceb9;outline-offset:3px; }
.experience-mode-option>i { width:33px;font-size:26px;color:#347452; }
.experience-mode-option>span:nth-last-child(2) { flex:1; }
.experience-mode-option strong { display:block;font-size:16px;color:#244d35; }
.experience-mode-option small { display:block;color:#77867c;font-size:11px;line-height:1.5;margin-top:4px; }
.experience-radio-dot { width:18px;height:18px;border:1px solid #bdcdc2;border-radius:50%; }
.experience-mode-option:has(input:checked) .experience-radio-dot { border:5px solid #3d805b; }
.experience-check { display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-size:13px;line-height:1.4; }
.experience-check input { width:18px;height:18px;flex-shrink:0;margin-top:1px; }
.experience-check strong,.experience-check small { display:block; }
.experience-check small { color:#7a8b7e;font-size:11px;margin-top:5px;line-height:1.5; }
.experience-dialog-note { padding:13px;border-radius:13px;background:#f4f7f3;color:#6e7e70;font-size:11px;line-height:1.55; }
.experience-dialog .btn-primary { width:100%; }
.preview-environment-note { color:#657f6e;font-size:11px;line-height:1.5;background:#f0f7f1;border-radius:10px;padding:10px; }
.experience-sleep-helper { border:1px solid #e2deef;border-radius:14px;background:#f8f6fd;padding:12px;margin:12px 0 16px; }
.experience-sleep-helper summary { color:#675b8d;font-size:13px;font-weight:600;cursor:pointer; }
.experience-sleep-helper .experience-form-grid { margin-top:12px; }
.experience-meal-fields,.experience-training-fields { border-top:1px solid #e5eee7;padding-top:15px;margin-top:12px; }
body[data-cycle-tracking="false"] [data-factor="cycle"] { display:none; }
@media(max-width:360px) {
    .experience-day-heading h2 { font-size:22px; }
    .experience-today-grid { grid-template-columns:1fr 1fr; }
    .experience-stat { padding:12px 10px; }
    .experience-quick-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .experience-section-heading { align-items:flex-start; }
    .experience-form-grid { gap:9px; }
    dialog.experience-dialog { padding:20px; }
}