:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0;padding:0 16px}main{max-width:28rem;margin:0 auto;padding:1.5rem 0}form{gap:1rem;display:grid}label{gap:.25rem;font-weight:600;display:grid}input{font:inherit;border:1px solid color-mix(in srgb, currentColor 40%, transparent);border-radius:.5rem;padding:.5rem .75rem}button{font:inherit;color:#fff;cursor:pointer;background:#2f6fed;border:0;border-radius:.5rem;padding:.6rem 1rem;font-weight:600}button:disabled{opacity:.6;cursor:default}.error{color:#c62828;margin:0}.banner{color:#5a3d00;background:#fff4d6;border-radius:.5rem;max-width:28rem;margin:1rem auto 0;padding:.75rem 1rem;display:block}.banner button{margin-top:.5rem}button.secondary{color:inherit;border:1px solid color-mix(in srgb, currentColor 40%, transparent);background:0 0}button.danger{background:#c62828}button.link{color:#2f6fed;background:0 0;padding:0;font-weight:600;text-decoration:underline}fieldset{border:0;gap:.25rem;margin:0;padding:0;display:grid}legend{padding:0;font-weight:600}.swatches{flex-wrap:wrap;gap:.5rem;display:flex}.swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;font-size:1.5rem;display:grid;position:relative}.swatch:has(input:checked){border-color:currentColor}.swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatch:has(input:focus-visible){outline-offset:2px;outline:2px solid #2f6fed}.avatar{vertical-align:middle;border-radius:50%;place-items:center;display:inline-grid}.avatar-medium{width:2rem;height:2rem;font-size:1.1rem}.avatar-large{width:4.5rem;height:4.5rem;font-size:2.5rem}.avatar img,.swatch img,.library-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.library-image{width:4.5rem;height:4.5rem}input[type=file]{border:0;padding:.25rem 0}.picker{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.picker-member{width:100%;color:inherit;border:1px solid color-mix(in srgb, currentColor 20%, transparent);background:0 0;justify-items:center;gap:.5rem;padding:1rem .5rem;display:grid}.row-list{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.shell-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.shell-header h1{margin:0}a.button{border-radius:.5rem;padding:.6rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.row{border-bottom:1px solid color-mix(in srgb, currentColor 20%, transparent);gap:.75rem;padding:.75rem 0;display:grid}.row-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.row-summary small{opacity:.7}.row-actions{flex-wrap:wrap;gap:.5rem;display:flex}.row-form{background:color-mix(in srgb, currentColor 6%, transparent);border-radius:.5rem;padding:.75rem}.choices{flex-wrap:wrap;gap:.75rem 1.25rem;display:flex}.choice{align-items:center;gap:.5rem;font-weight:500;display:flex}.device{opacity:.8;max-width:28rem;margin:2rem auto;font-size:.875rem}.children{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.child-card{border:1px solid color-mix(in srgb, currentColor 20%, transparent);color:inherit;border-radius:.75rem;justify-items:center;gap:.25rem;padding:1rem .5rem;text-decoration:none;display:grid}.child-card-name{font-weight:600}.child-card-jar{opacity:.8}.award-form{margin-top:1rem}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}button.chip{background:color-mix(in srgb, currentColor 10%, transparent);color:inherit;border-radius:999px;padding:.4rem .8rem;font-weight:500}.jar-summary{justify-items:center;gap:.5rem;margin:1.5rem 0;display:grid}.jar-summary h2{margin:0}.jar{border:4px solid color-mix(in srgb, currentColor 35%, transparent);background:color-mix(in srgb, currentColor 5%, transparent);border-top-width:8px;border-radius:1rem 1rem 2.5rem 2.5rem;width:10rem;height:12rem;margin:0;overflow:hidden}.jar-beads{box-sizing:border-box;flex-wrap:wrap-reverse;align-content:flex-start;gap:.2rem;height:100%;padding:.35rem;display:flex}.bead{border-radius:50%;width:.9rem;height:.9rem;box-shadow:inset -2px -2px 3px #00000040}.history{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.history-entry{border-bottom:1px solid color-mix(in srgb, currentColor 20%, transparent);grid-template-columns:auto 1fr;gap:.15rem .75rem;padding:.5rem 0;display:grid}.history-entry .reward-emoji{grid-row:auto;font-size:1rem}.history-entry .history-cost{opacity:.7}.history-entry .history-note{grid-column:2;font-style:italic}.history-entry.undone strong{opacity:.6;text-decoration:line-through}.history-entry .history-undone{font-weight:600}.history-entry .history-actions{grid-column:2}.history-entry .row-form{grid-column:1/-1}.history-entry time{opacity:.7;grid-column:2;font-size:.875rem}.jar-available{opacity:.8;margin:0}.rewards{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.reward{border-bottom:1px solid color-mix(in srgb, currentColor 20%, transparent);grid-template-columns:auto 1fr auto;align-items:center;gap:.15rem .75rem;padding:.5rem 0;display:grid}.reward.unaffordable{opacity:.55}.reward-emoji{grid-row:span 2;font-size:1.5rem}.reward-name{font-weight:600}.reward-cost{white-space:nowrap}.reward-short{grid-column:2/span 2;font-size:.875rem}.reward-confirm{grid-column:1/-1}