/* Feeding an ADHD brain (nutrition page only) */
.af{position:relative;margin:0 0 14px;padding:14px 12px 12px;border-radius:22px;border:1px solid rgba(245,166,91,.24);background:radial-gradient(120% 80% at 0% 0%,rgba(94,242,201,.10),transparent 55%),radial-gradient(120% 80% at 100% 100%,rgba(255,79,216,.10),transparent 55%),rgba(6,6,14,.9);box-shadow:0 16px 44px rgba(0,0,0,.5);overflow:hidden}
.af::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(63,242,192,.5),rgba(255,211,107,.35),rgba(255,79,216,.45),rgba(127,208,255,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none}
.af h3{margin:0 0 2px;font:400 23px/1.15 "Cormorant Garamond",Georgia,serif;color:#ffe9cf;text-align:center}
.af .vh{margin:0 0 8px;font-size:12.5px;color:#cdb39a;text-align:center}
.af svg{display:block;width:100%;height:auto;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.af .chips{justify-content:center}
.af-day svg{cursor:ew-resize}
.af-line{fill:none;stroke-linecap:round;stroke-linejoin:round}
.af-draw{transition:stroke-dashoffset 1.3s cubic-bezier(.3,.7,.2,1)}
.af-mk{cursor:pointer;outline:none}
.af-mk:focus-visible circle{stroke:#fff;stroke-width:2.5}
.af-out{min-height:92px;margin:8px 0 0;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.af-out .tm{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 3px;font:600 11px/1.2 -apple-system,Segoe UI,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#d8b08e}
.af-out .tm b{font-weight:700;letter-spacing:.1em}
.af-out h4{margin:0 0 3px;font:400 20px/1.2 "Cormorant Garamond",Georgia,serif;color:#ffe6cc}
.af-out p{margin:0;font-size:14.5px;line-height:1.5;color:#e2dacb}
.af input[type=range]{height:40px}
.af-brain .n{transition:r .4s,fill-opacity .4s,opacity .4s}
.af-brain .e{transition:stroke-opacity .4s,stroke .4s}
.af-brain .ol{transition:stroke-opacity .4s,stroke-width .4s,stroke .4s}
.af-brain .fl{animation:afl 1.1s steps(2,jump-none) infinite}
@keyframes afl{0%{opacity:1}50%{opacity:.15}100%{opacity:1}}
.af-brain .pulse{animation:afp 2.6s ease-in-out infinite}
@keyframes afp{50%{opacity:.55}}
.af-food{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 0}
.af-food button{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:58px;padding:7px 4px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#f1e6da;font:600 12.5px/1.2 -apple-system,Segoe UI,sans-serif;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.af-food button i{width:12px;height:12px;border-radius:50%;background:var(--fc);box-shadow:0 0 10px var(--fc)}
.af-food button small{font:400 10.5px/1.2 -apple-system,sans-serif;color:#b9ab9a}
.af-food button[aria-pressed="true"]{border-color:var(--fc);background:rgba(255,255,255,.07);box-shadow:0 0 16px -4px var(--fc) inset}
.af-food button:focus-visible{outline:2px solid #ffe08a;outline-offset:1px}
.af-tips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px;padding:0;list-style:none}
.af-tips li{position:relative;padding:12px 11px 11px;border-radius:16px;border:1px solid rgba(245,166,91,.22);background:radial-gradient(100% 80% at 50% 0%,rgba(245,166,91,.12),transparent 70%),rgba(10,10,20,.8)}
.af-tips b{display:block;margin:0 0 3px;font:400 18px/1.15 "Cormorant Garamond",Georgia,serif;color:#fff1de}
.af-tips span{display:block;font-size:12.5px;line-height:1.4;color:#cdb39a}
.af-tips li::before{content:"";display:block;width:22px;height:3px;margin:0 0 8px;border-radius:2px;background:var(--tc,#5ef2c9);box-shadow:0 0 8px var(--tc,#5ef2c9)}
.af-along{margin:0 0 4px;font-size:13.5px;color:#cdb39a;text-align:center;font-style:italic}
@media (prefers-reduced-motion:reduce){.af-brain .fl,.af-brain .pulse{animation:none!important}.af-draw{transition:none!important}}