.fruit-up-program{--program-surface:var(--surface,#181c19);--program-text:var(--ink,#f4f6f4);--program-muted:var(--muted,#b2bcb4);--program-accent:var(--lime,#b9f653);color:var(--program-text);max-width:72rem;margin-inline:auto;padding:1rem;overflow-wrap:anywhere}
.program-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1rem}.program-tabs [aria-current=page]{border-color:var(--program-accent);color:var(--program-text);background:var(--surface-alt,#253026)}
.program-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:1rem;align-items:start;min-height:12rem}
.program-card{background:var(--program-surface);border:1px solid var(--line,#364239);border-radius:1rem;padding:1.25rem;min-width:0}.program-card h3{font-size:1.2rem;margin:0 0 .75rem}.program-card .program-card{margin-block:1rem}
.program-muted{color:var(--program-muted)}.program-status{min-height:3rem;line-height:1.5}.program-error{color:var(--danger,#ffb4ab)}
.program-button{min-height:2.75rem;min-width:7rem;max-width:100%;padding:.65rem 1rem;margin:.35rem .35rem .35rem 0;white-space:normal;touch-action:manipulation}.program-button:disabled{opacity:.65;cursor:wait}.program-button:focus-visible,.program-field input:focus-visible,.program-field textarea:focus-visible,.program-field select:focus-visible{outline:2px solid var(--program-accent);outline-offset:3px}
.program-field{display:flex;flex-direction:column;gap:.5rem;margin-block:1rem;min-width:0}.program-field input,.program-field textarea,.program-field select{font:inherit;color:inherit;background:var(--surface-soft,#111511);border:1px solid var(--line,#465447);border-radius:.5rem;padding:.7rem;max-width:100%;min-width:0}.program-field textarea{width:100%;box-sizing:border-box;min-height:9rem;resize:vertical}.program-field:has(input[type=checkbox]){flex-direction:row;align-items:center}.program-field input[type=checkbox]{width:1.3rem;height:1.3rem;accent-color:var(--program-accent)}
.program-item{display:grid;grid-template-columns:2fr 1fr;gap:.6rem;border-bottom:1px solid var(--border,#364239);padding-block:.5rem}.program-item .program-field{margin-block:.25rem}.program-card a{display:inline-block;color:var(--program-text);padding-block:.5rem;text-decoration:underline}.program-editor{margin-block:1rem}
@media(max-width:400px){.fruit-up-program{padding:.5rem}.program-card{padding:1rem}.program-item{grid-template-columns:1fr}.program-tabs .program-button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.fruit-up-program *, .fruit-up-program *::before,.fruit-up-program *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}