/* BUFF OS v132 — "Apple" appearance, phase 2: shared Apple screen header + Nutrition. Only under html.skin-apple. */
html:not(.skin-apple) .ap-scr { display: none !important; }
.ap-scr { position: relative; margin: 0 0 6px; color: #fff; font-family: -apple-system, "SF Pro Text", "SF Pro Display", system-ui, sans-serif; letter-spacing: -.011em; font-variant-numeric: tabular-nums; }
.ap-scr .ap-wash { position: absolute; left: -16px; right: -16px; top: -220px; height: 520px; pointer-events: none; filter: blur(70px); opacity: .34; z-index: 0; }
.ap-scr .ap-wash.lime { background: radial-gradient(60% 60% at 25% 40%, #5fd068, transparent 70%), radial-gradient(45% 45% at 85% 25%, #40d0e8, transparent 70%); opacity: .28; }
.ap-scr .ap-wash.sky { background: radial-gradient(60% 60% at 30% 40%, #0a84ff, transparent 70%), radial-gradient(50% 50% at 80% 30%, #40d0e8, transparent 70%); }
.ap-scr .ap-wash.orange { background: radial-gradient(60% 60% at 25% 40%, #ff9f0a, transparent 70%), radial-gradient(45% 45% at 85% 25%, #ff5a5f, transparent 70%); }
.ap-scr .ap-wash.gold { background: radial-gradient(60% 60% at 30% 40%, #ffd166, transparent 70%), radial-gradient(45% 45% at 85% 25%, #ffb340, transparent 70%); }
.ap-scr > *:not(.ap-wash) { position: relative; z-index: 1; }
.ap-scr .ap-cap { color: #8e8e93; font-size: 15px; font-weight: 500; margin-top: 4px; }
.ap-scr .ap-title { font-size: 40px; font-weight: 700; letter-spacing: -.036em; line-height: 1.05; margin-top: 2px; }
.ap-scr .ap-sub { color: #8e8e93; font-size: 16px; margin-top: 6px; }
.ap-scr .ic { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.ap-scr .ap-glass { margin-top: 20px; padding: 20px 14px 18px; border-radius: 30px; background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.05)); border: .5px solid rgba(255,255,255,.1); box-shadow: 0 1px 0 rgba(255,255,255,.16) inset, 0 24px 48px -28px rgba(0,0,0,.9); -webkit-backdrop-filter: blur(30px) saturate(170%); backdrop-filter: blur(30px) saturate(170%); }
.ap-scr .ap-tri { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; text-align: center; }
.ap-scr .ap-ring1 { position: relative; width: 92px; height: 92px; margin: 0 auto; }
.ap-scr .ap-ring1 svg { position: absolute; inset: 0; }
.ap-scr .ap-ring1 .in { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ap-scr .ap-ring1 .in b { font-size: 21px; font-weight: 700; letter-spacing: -.03em; line-height: 1; } .ap-scr .ap-ring1 .in small { font-size: 11px; color: #8e8e93; margin-top: 3px; }
.ap-scr .ap-tri .lb { font-size: 14px; font-weight: 600; margin-top: 10px; }
.ap-scr .ap-andrew { display: flex; align-items: center; gap: 14px; margin-top: 16px; padding: 16px; border-radius: 26px; cursor: pointer; background: linear-gradient(135deg, rgba(255,209,102,.2), rgba(255,209,102,.06)); border: .5px solid rgba(255,209,102,.25); }
.ap-scr .ap-andrew .ap-ti { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; flex: none; background: linear-gradient(180deg, #ffd978, #f0b429); color: #1b1405; }
.ap-scr .ap-andrew .tx { flex: 1; min-width: 0; } .ap-scr .ap-andrew .n { font-size: 17px; font-weight: 600; } .ap-scr .ap-andrew .d { font-size: 14px; color: #c7c7cc; margin-top: 2px; line-height: 1.3; }
.ap-scr .ap-mic { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; flex: none; background: #ffd166; color: #1b1405; }
.ap-scr .ap-sec { display: flex; justify-content: space-between; align-items: baseline; margin: 28px 4px 4px; } .ap-scr .ap-sec b { font-size: 22px; font-weight: 700; letter-spacing: -.026em; } .ap-scr .ap-sec span { color: #8e8e93; font-size: 15px; font-weight: 500; }
/* Nutrition: the Apple header replaces the old title, date line and the Tell Andrew card; the working cards stay below */
html.skin-apple #s-food > .large-title, html.skin-apple #s-food > #foodDate, html.skin-apple #s-food > #v87Card { display: none !important; }
html.skin-apple #s-food { overflow-x: clip; }