.ys-piggy{max-width:940px;margin:0 auto;display:grid;gap:1.25rem;color:#334155}.ys-piggy h1{font-size:1.8rem;font-weight:900}.ys-piggy h2{font-size:1.1rem;font-weight:800}.ys-piggy-heading{display:flex;align-items:center;gap:1rem}.ys-piggy-heading p,.ys-piggy-hint{font-size:.85rem;color:#64748b}.ys-piggy-icon{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:1rem;background:#f4ebfb;color:#6f3d99;font-size:1.5rem}.ys-piggy-total,.ys-piggy-form,.ys-piggy-chart,.ys-piggy-recent,.ys-piggy-stats article{background:#fff;border:1px solid #e8e5ee;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #34264c04}.ys-piggy-total{background:linear-gradient(110deg,#f7f0fb,#fff);display:grid;gap:.35rem}.ys-piggy-total strong{color:#6f3d99;font-size:2rem;font-weight:900}.ys-piggy small{font-size:.75rem;font-weight:400}.ys-piggy-total p{font-size:.8rem;color:#64748b}.ys-piggy-form{display:grid;gap:.75rem}.ys-piggy-form label{font-size:.9rem;font-weight:700}.ys-piggy-form input:not([type=checkbox]):not([type=hidden]){width:100%;border:1px solid #cbd5e1;border-radius:.75rem;padding:.85rem;background:#fff;min-width:0}.ys-piggy-form input:focus{outline:2px solid #8662a5;outline-offset:2px}.ys-piggy-form input[readonly]{background:#f8fafc!important}.ys-piggy-identity{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ys-piggy-identity>div{display:grid;gap:.5rem}.ys-piggy-chips{display:flex;flex-wrap:wrap;gap:.5rem}.ys-piggy-chips button{border:1px solid #ddd2e9;border-radius:.65rem;padding:.55rem .9rem;color:#6f3d99;min-height:44px}.ys-piggy-chips button[aria-pressed=true]{background:#6f3d99;color:#fff}.ys-piggy-privacy{display:flex;align-items:center;gap:.55rem;margin-top:.4rem}.ys-piggy-privacy input{width:1.1rem;height:1.1rem;accent-color:#754999;flex:none}.ys-piggy-submit{background:#db478c;color:#fff;border-radius:.8rem;padding:.95rem;font-weight:800;min-height:48px}.ys-piggy-submit:disabled{opacity:.65}.ys-piggy-error{padding:.8rem;background:#fff1f2;border-radius:.7rem;color:#9f1239}.ys-piggy-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.ys-piggy-stats article{padding:1rem;display:grid;gap:.5rem;text-align:center}.ys-piggy-stats span{font-size:.8rem}.ys-piggy-stats strong{font-size:1.3rem;color:#6f3d99;overflow-wrap:anywhere}.ys-piggy-section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ys-piggy-chart nav{display:flex;gap:.4rem}.ys-piggy-chart nav a{padding:.5rem;border-radius:.6rem;font-size:.8rem}.ys-piggy-chart a[aria-current=page]{background:#f1e7f8;color:#6f3d99;font-weight:700}.ys-piggy-chart svg{width:100%;margin-top:1.5rem;direction:ltr}.ys-piggy-axis{display:flex;justify-content:space-between;direction:ltr;color:#64748b;font-size:.75rem}.ys-piggy-chart details{margin-top:1rem;font-size:.8rem}.ys-piggy-chart summary{cursor:pointer;color:#6f3d99;min-height:44px;padding:.75rem 0}.ys-piggy-table{max-height:260px;overflow:auto}.ys-piggy table{width:100%;border-collapse:collapse}.ys-piggy th,.ys-piggy td{text-align:right;padding:.6rem;border-bottom:1px solid #e2e8f0}.ys-piggy-recent ul{list-style:none;padding:0;margin:1rem 0 0}.ys-piggy-recent li{display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem;align-items:center;padding:.85rem 0;border-bottom:1px solid #f1f5f9;font-size:.9rem}.ys-piggy-recent time{font-size:.7rem;color:#64748b}.ys-piggy-updated{text-align:center;font-size:.75rem;color:#64748b}.ys-piggy-history{justify-self:center;color:#6f3d99;font-weight:700;padding:.75rem}.ys-piggy :focus-visible{outline:2px solid #6f3d99;outline-offset:3px}@media(max-width:600px){.ys-piggy{gap:1rem}.ys-piggy h1{font-size:1.5rem}.ys-piggy-form,.ys-piggy-chart,.ys-piggy-recent,.ys-piggy-total{padding:1rem}.ys-piggy-identity{grid-template-columns:1fr;gap:.75rem}.ys-piggy-total strong{font-size:1.65rem}.ys-piggy-stats{gap:.5rem}.ys-piggy-stats article{padding:.8rem .35rem}.ys-piggy-stats strong{font-size:1.05rem}.ys-piggy-recent li{grid-template-columns:1fr 1fr}.ys-piggy-recent time{grid-column:1/-1}.ys-piggy-chips button{flex:1;padding:.5rem;min-width:4rem}}
@media (min-width:360px) and (max-width:600px) {
    .ys-piggy { margin-block-start:-.75rem; }
    .ys-piggy-form { gap:.6rem; padding:.85rem; }
    .ys-piggy-identity { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
    .ys-piggy-identity label { font-size:.8rem; }
    .ys-piggy-form input:not([type=checkbox]):not([type=hidden]) { padding:.7rem .6rem; min-height:44px; }
    .ys-piggy-total { padding:.85rem; }
}