:root{--bg: #d6c0a1;--surface: #e4d5bd;--surface-2: #cbb193;--border: #b4996f;--text: #2e2318;--text-dim: #6d5b45;--dark: #2e2318;--on-dark: #ecdfc8;--accent: #8c5e2a;--danger: #9b3b30;--radius: 10px;--font: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}.app{min-height:100vh}.page{max-width:1600px;margin:0 auto;padding:28px 16px 72px}.page--narrow{max-width:420px}.topbar{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 20px 18px;background:var(--surface);border-bottom:1px solid var(--border);text-align:center}.topbar__title{margin:0;max-width:100%;font-size:clamp(1.15rem,4.6vw,1.7rem);letter-spacing:.01em}.topbar__mark{margin-right:4px}.tabs{display:flex;gap:8px}.tab{padding:8px 18px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-dim);font:inherit;font-size:.9rem;cursor:pointer;transition:background .15s,color .15s}.tab:hover{color:var(--text);background:var(--surface-2)}.tab--active{background:var(--dark);border-color:var(--dark);color:var(--on-dark);font-weight:600}.scoreboard{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:22px}.scoreboard__count{display:flex;align-items:baseline;gap:8px}.scoreboard__total{font-size:3.4rem;font-weight:700;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.scoreboard__goal{font-size:1.4rem;color:var(--text-dim)}.scoreboard__meta{flex:1;min-width:220px}.progress{height:9px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,#a9763a,var(--accent));transition:width .4s ease}.scoreboard__sub{margin:8px 0 0;font-size:.85rem;color:var(--text-dim)}.cap-grid{margin-top:18px}.cap-grid__svg{display:block;width:100%;height:auto}.cap--filled{cursor:help}.cap--filled:hover{filter:brightness(1.12) saturate(1.1)}.board{margin-top:22px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:420px}.board__title{margin:0 0 10px;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim)}.board__list{list-style:none;margin:0;padding:0;counter-reset:rank}.board__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--border)}.board__row:last-child{border-bottom:0}.board__row:not(.board__row--muted) .board__name:before{counter-increment:rank;content:counter(rank) ". ";color:var(--text-dim)}.board__name{font-weight:600}.board__row--muted{margin-top:4px;border-top:1px solid var(--border);color:var(--text-dim)}.board__row--muted .board__name{font-weight:400;font-style:italic}.board__count{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent)}.board__row--muted .board__count{color:var(--text-dim)}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.legend__item{display:flex;align-items:center;gap:8px;padding:7px 13px;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:.85rem}.legend__swatch{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.3)}.legend__count{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.hint{margin-top:14px;font-size:.85rem;color:var(--text-dim)}.notice{margin:12px 0;padding:10px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-size:.88rem}.notice--error{background:#9b3b301f;border-color:#9b3b3080;color:#7d2c23}.btn{padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:.88rem;cursor:pointer}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--dark);border-color:var(--dark);color:var(--on-dark);font-weight:600}.btn--primary:hover:not(:disabled){background:#43331f}.btn--danger{background:transparent;border-color:#9b3b308c;color:#8c352c}.btn--danger:hover:not(:disabled){background:#9b3b3024}.input{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#f0e4d0;color:var(--text);font:inherit;font-size:.88rem}.input--count{width:84px}.input--name{width:170px}.gate{display:flex;flex-direction:column;gap:12px;margin-top:48px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.gate__title{margin:0;font-size:1.3rem}.gate__sub{margin:0;font-size:.88rem;color:var(--text-dim)}.gate__input{padding:11px 13px;border:1px solid var(--border);border-radius:8px;background:#f0e4d0;color:var(--text);font:inherit}.editor{margin-bottom:26px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.editor__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.editor__title{margin:0;font-size:1.1rem}.editor__sub{margin:4px 0 0;font-size:.85rem;color:var(--text-dim)}.entry-list{list-style:none;margin:0 0 16px;padding:0}.entry-list__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--border)}.entry-list__swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.3);flex-shrink:0}.add-row{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.calendars{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.month{padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.month__title{margin:0 0 10px;font-size:.95rem;letter-spacing:.02em}.month__weekdays,.month__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.month__weekdays{margin-bottom:5px;font-size:.7rem;color:var(--text-dim);text-align:center}.day{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:var(--surface-2);color:var(--text);font:inherit;font-size:.78rem;cursor:pointer;padding:0}.day:hover:not(:disabled){border-color:var(--dark)}.day--pad{background:transparent;cursor:default}.day--disabled{background:transparent;color:#a08a6b;cursor:not-allowed}.day--has-beers{background:var(--accent);color:var(--on-dark);font-weight:600}.day--selected{border-color:var(--dark);box-shadow:0 0 0 1px var(--dark)}.day__count{position:absolute;right:2px;bottom:1px;font-size:.55rem;line-height:1;opacity:.85}@media (max-width: 600px){.page{padding:20px 16px 56px}.scoreboard{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}.scoreboard__meta{width:100%}.scoreboard__total{font-size:2.8rem}.input--name{width:100%}.board{max-width:none}.legend{gap:7px}.legend__item{padding:6px 10px;font-size:.8rem}}