:root{--bg: #f3f6f2;--panel: #ffffff;--ink: #102015;--muted: #4b5b4f;--tap-zone: #1f5a32;--tap-zone-ink: #ffffff;--warn: #b03a2e;--accent: #2b7440}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:radial-gradient(circle at top,#fbfdf8,var(--bg))}button,input{font:inherit}button{min-height:44px;min-width:44px;border:none;border-radius:10px;padding:.7rem 1rem}.screen{min-height:100%}.page-logo{padding:.9rem 1rem .2rem}.page-logo img{width:44px;height:44px;display:block}.page-logo-btn{background:transparent;border:none;padding:0;min-height:44px;min-width:44px;display:inline-grid;place-items:center;cursor:pointer}.page-logo-btn img{width:44px;height:44px;display:block}.home-screen,.summary-screen{max-width:860px;margin:0 auto;padding:1rem}.home-topbar{display:flex;justify-content:flex-start;flex-wrap:nowrap;align-items:center;gap:.8rem;margin-bottom:1rem;min-width:0}.home-brand-inline{display:flex;align-items:center;gap:.75rem;flex:1 1 auto;min-width:0}.home-title{margin:0;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.user-name-box{display:flex;align-items:baseline;justify-content:flex-end;margin-left:1rem;flex:0 0 auto;min-width:0;gap:.4rem}.user-name-text{font-size:clamp(1.15rem,2.5vw,1.9rem);line-height:1;font-weight:800;color:#102015d9;white-space:nowrap}.user-name-input{width:min(42vw,340px);border:none;border-bottom:2px dashed rgba(43,116,64,.45);border-radius:0;background:transparent;padding:.1rem .1rem .15rem;font-size:clamp(1.15rem,2.5vw,1.9rem);line-height:1;font-weight:800;color:#102015e6}.user-name-icon-btn{background:transparent;border:none;min-width:40px;min-height:40px;padding:.2rem;border-radius:0;opacity:.55}.user-name-icon-btn:hover{opacity:.9}.user-name-icon-btn svg{width:18px;height:18px;fill:#244e2f}.summary-name-btn{background:transparent;color:inherit;border:none;padding:0;margin:0;font:inherit;font-weight:inherit;cursor:pointer}.summary-brand-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.summary-brand-left{display:flex;align-items:center;gap:.75rem;min-width:0}.summary-brand-title{font-size:clamp(1.45rem,3vw,2.35rem);font-weight:800;line-height:1}.summary-user-name{font-size:clamp(1rem,2.1vw,1.4rem);font-weight:700;color:#102015cc;white-space:nowrap}.summary-screen h1,.summary-screen p{text-align:center}.summary-name-edit-wrap{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.summary-name-input{min-width:220px;border:1px solid #cad4cb;border-radius:8px;padding:.5rem .65rem;font-size:1.05rem}.summary-name-action{background:#e5e9e3;color:var(--ink);min-height:40px;padding:.45rem .8rem;font-size:.95rem;font-weight:600}.sessions-list{padding-bottom:6.5rem}.session-card{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;background:var(--panel);border-radius:14px;padding:.6rem;margin-bottom:.6rem;box-shadow:0 2px 8px #00000014}.session-open{text-align:left;background:transparent;color:inherit;padding:.4rem}.session-title{font-weight:700;margin-bottom:.25rem}.session-delete{background:#f6e3e1;color:var(--warn)}.resume-card{grid-template-columns:1fr auto}.resume-text{padding:.4rem}.resume-btn{background:var(--accent);color:#fff;font-weight:700}.home-actions{position:fixed;left:0;right:0;bottom:0;padding:.8rem;background:linear-gradient(to top,#f3f6f2 60%,#f3f6f200)}.new-session-btn{width:100%;background:var(--accent);color:#fff;font-weight:700;min-height:64px}.empty-state{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;padding:1rem}.modal{width:min(440px,100%);background:#fff;border-radius:12px;padding:1rem}.modal input{width:100%;border:1px solid #cad4cb;border-radius:8px;padding:.7rem;margin-bottom:.8rem}.modal-actions{display:flex;gap:.5rem}.modal-actions button:first-child{background:var(--accent);color:#fff}.active-screen{display:grid;grid-template-rows:auto auto 1fr;min-height:100%;background:#eef4ee}.active-topbar{display:flex;justify-content:space-between;gap:.8rem;padding:.8rem;align-items:start}.active-left{display:flex;align-items:center;gap:.7rem}.session-name{font-weight:700}.group-label{color:var(--muted);font-size:.95rem}.top-right{display:flex;align-items:center;gap:1rem}.finish-btn{background:#f6d66f;color:#2f2500;border:2px solid #9b7a00;font-weight:800;font-size:1rem;min-height:60px;padding:.75rem 1.1rem;box-shadow:0 2px #5f480059}.finish-btn:disabled{opacity:.7;cursor:not-allowed}.running-total-inline{color:var(--muted);font-size:1.08rem;font-weight:700;white-space:nowrap;display:flex;align-items:baseline;gap:.35rem}.running-total-label{font-size:1.08rem}.running-total-value{font-size:2.1rem;line-height:1;font-weight:800}.tap-zone{margin:.8rem;border-radius:18px;background:var(--tap-zone);color:var(--tap-zone-ink);display:grid;grid-template-columns:minmax(120px,170px) 1fr;align-items:stretch;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.tap-zone:focus-visible{outline:3px solid #fff;outline-offset:-6px}.group-sidebar{background:#0003;border-radius:18px 0 0 18px;padding:.9rem .7rem;display:grid;align-content:start;gap:.45rem}.group-sidebar-title{font-size:.8rem;font-weight:700;opacity:.9;text-transform:uppercase;letter-spacing:.03em}.group-sidebar-empty{font-size:.9rem;opacity:.85}.group-sidebar-item{display:flex;justify-content:space-between;gap:.5rem;font-size:.95rem;padding:.35rem .2rem;border-bottom:1px solid rgba(255,255,255,.18)}.group-sidebar-item:last-child{border-bottom:none}.group-sidebar-total{margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.25);text-align:center}.group-sidebar-total-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;opacity:.9}.group-sidebar-total-value{font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1;margin-top:.2rem}.tap-main{display:grid;place-items:center;align-content:center;text-align:center;padding:.7rem}.count-value{font-size:clamp(80px,24vw,180px);line-height:1;font-weight:800}.group-flash{margin-top:.8rem;font-size:1rem}.active-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:0 .8rem .8rem}.undo-btn{background:#f6e3e1;color:var(--warn);min-height:60px;font-size:1rem;font-weight:800}.next-btn{background:var(--accent);color:#fff;min-height:60px;font-size:1rem;font-weight:800;letter-spacing:.01em}.group-list{background:#fff;border-radius:12px;padding:.7rem;margin:1rem 0}.group-row{padding:.5rem 0;border-bottom:1px solid #edf0ed;display:flex;align-items:baseline;justify-content:center;gap:1.8rem;text-align:center}.group-row:last-child{border-bottom:none}.group-row-value{font-size:2em;font-weight:800;line-height:1;vertical-align:-.08em;color:var(--accent)}.summary-total{font-size:2rem;font-weight:800;margin-bottom:1rem;text-align:center}.summary-total-value{color:var(--accent)}.summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.summary-actions button:last-child{background:var(--accent);color:#fff}@media (min-width: 780px){.home-actions{width:min(860px,100%);margin:0 auto;left:50%;transform:translate(-50%);border-radius:12px 12px 0 0}}@media (max-width: 640px){.home-title,.summary-brand-title{font-size:clamp(1.3rem,4.6vw,1.95rem)}.user-name-text,.user-name-input{font-size:clamp(1.1rem,3.9vw,1.6rem)}.user-name-input{width:min(40vw,220px)}.tap-zone{grid-template-columns:minmax(105px,135px) 1fr}.running-total-inline{font-size:.98rem}.summary-brand-row{align-items:flex-start}.summary-user-name{font-size:1rem}}