:root{--pcc-blue: #1f3a5f;--pcc-blue-light: #3e6fa8;--pcc-gray: #5b6b7b;--pcc-gray-light: #eef1f4;--pcc-bg: #f7f9fb;--pcc-accent: #f2a541}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-size:16px;line-height:1.5;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--pcc-blue);background-color:var(--pcc-bg)}.app{width:100%;max-width:1024px;margin:0 auto;overflow-x:hidden}.app-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;text-align:center}.app-header__logo{display:inline-flex}.app-header__logo img{width:120px;height:auto;max-width:60vw}.app-header__title{margin:0;font-size:1.75rem;font-weight:700;color:var(--pcc-blue);letter-spacing:-.01em}.snack-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:44px;min-width:44px;width:100%;padding:1rem;border:2px solid var(--pcc-gray-light);border-radius:12px;background-color:var(--pcc-gray-light);color:var(--pcc-blue);font-size:1rem;font-family:inherit;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .05s ease}.snack-card:hover{border-color:var(--pcc-blue-light);background-color:#fff}.snack-card:focus-visible{outline:3px solid var(--pcc-accent);outline-offset:2px}.snack-card:active{transform:scale(.98)}.snack-card__emoji{font-size:2.5rem;line-height:1}.snack-card__name{font-weight:600;color:var(--pcc-blue)}.snack-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:0 1rem 1.5rem;max-width:960px;margin:0 auto}@media (min-width: 768px){.snack-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}}.results{display:flex;flex-direction:column;gap:.75rem;padding:0 1rem 1.5rem;max-width:960px;margin:0 auto}.results-row{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:2px solid var(--pcc-gray-light);border-radius:12px;background-color:#fff}.results-row--voted{border-color:var(--pcc-accent);background-color:#fff8ef}.results-row__label{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.results-row__emoji{font-size:1.5rem;line-height:1}.results-row__name{font-weight:600;color:var(--pcc-blue);min-width:0;overflow-wrap:anywhere}.results-row__count{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:700;color:var(--pcc-gray)}.results-row__track{width:100%;height:12px;border-radius:6px;background-color:var(--pcc-gray-light);overflow:hidden}.results-row__bar{height:100%;border-radius:6px;background-color:var(--pcc-blue);transition:width .3s ease}.results-row--voted .results-row__bar{background-color:var(--pcc-accent)}.error-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;max-width:960px;margin:0 auto 1rem;padding:.75rem 1rem;border:2px solid var(--pcc-accent);border-left-width:6px;border-radius:12px;background-color:#fff8ef;color:var(--pcc-blue);font-size:1rem}.error-banner__icon{font-size:1.25rem;line-height:1}.error-banner__message{flex:1 1 auto;min-width:0;font-weight:600}.error-banner__retry{min-height:44px;min-width:44px;padding:.5rem 1rem;border:none;border-radius:8px;background-color:var(--pcc-accent);color:var(--pcc-blue);font-size:1rem;font-family:inherit;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .05s ease}.error-banner__retry:hover{filter:brightness(.95)}.error-banner__retry:focus-visible{outline:3px solid var(--pcc-blue);outline-offset:2px}.error-banner__retry:active{transform:scale(.98)}