:root{--color-yes: #6aa84f;--color-no: #cc4125;--color-maybe: #e6b800;--bg: #f5f6f8;--card-bg: #ffffff;--text: #232529;--border: #dfe2e6;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}#app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1 0 auto}.unsplash-credit{position:fixed;bottom:3.2rem;right:.7rem;font-size:.7rem;color:#444;background:#ffffffbf;padding:.2rem .5rem;border-radius:6px;text-decoration:none;z-index:5}.unsplash-credit a{color:#444;text-decoration:underline}.site-footer{flex-shrink:0;text-align:center;padding:1rem;font-size:.85rem;color:#6b7280;border-top:1px solid var(--border);background:var(--card-bg)}.site-footer a{color:#6b7280;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer .dot{margin:0 .5rem}.page{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}h1{font-size:1.4rem}h2{font-size:1.15rem}input[type=text],input[type=password],input[type=date]{width:100%;padding:.6rem .7rem;border:1px solid var(--border);border-radius:8px;font-size:1rem}button{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.1rem;font-size:.95rem;background:#2c3e50;color:#fff}button.secondary{background:transparent;color:#2c3e50;border:1px solid var(--border)}button.danger{background:var(--color-no)}button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--color-no);font-size:.9rem;margin-top:.4rem}.sunday-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--border);gap:1rem}.sunday-row:last-child{border-bottom:none}.sunday-label{flex:1}.status-buttons{display:flex;gap:.4rem}@media (max-width: 520px){.sunday-row{flex-wrap:wrap}.sunday-label{flex-basis:100%}.status-buttons{flex-basis:100%;justify-content:flex-start}}.status-btn{border-radius:8px;padding:.4rem .7rem;font-size:.85rem;background:#eceff1;color:#333}.status-btn.active-yes{background:var(--color-yes);color:#fff}.status-btn.active-no{background:var(--color-no);color:#fff}.status-btn.active-maybe{background:var(--color-maybe);color:#fff}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{border:1px solid var(--border);padding:.4rem .5rem;text-align:center}th{background:#f0f1f3}td.status-yes{background:#d9ead3}td.status-no{background:#f4cccc}td.status-maybe{background:#fff2cc}.top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.muted{color:#6b7280;font-size:.9rem}.form-row{display:flex;gap:.5rem;margin-top:.6rem}.form-row input{flex:1}.group-logo{max-height:56px;max-width:140px;object-fit:contain;display:block;margin-bottom:.5rem}.counts-row{display:flex;gap:.6rem;font-size:.8rem;margin-top:.2rem}.count-yes{color:var(--color-yes)}.count-no{color:var(--color-no)}.count-maybe{color:var(--color-maybe)}.sunday-row.info-only{opacity:.75}.info-badge{display:inline-block;font-size:.75rem;background:#eceff1;color:#555;border-radius:6px;padding:.15rem .5rem;margin-left:.4rem}.checkbox-list{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem;font-size:.9rem}.checkbox-list label{display:flex;align-items:center;gap:.3rem}
