:root{color:#111827;background:#f3f4f6;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body,h1,h2{margin:0}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.45rem .9rem}button:hover{background:#f9fafb}button.primary{color:#fff;background:#111827;border-color:#111827}button.primary:hover{background:#374151}input{font:inherit;border:1px solid #d1d5db;border-radius:8px;padding:.5rem .7rem}label{color:#4b5563;flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.panel{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.error{color:#b91c1c;margin:0;font-size:.9rem}.actions{gap:.5rem;display:flex}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login .panel{width:100%;max-width:22rem}.header{background:#fff;padding:1rem 1.5rem;box-shadow:0 1px 3px #00000014}.header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.header h1{font-size:1.25rem}.header nav{flex-wrap:wrap;gap:.5rem;display:flex}.inline-form{max-width:24rem;box-shadow:none;border:1px solid #e5e7eb;margin-top:1rem}.board{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem;padding:1.5rem;display:grid}.card{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:.9rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #0000001a}.card.own{outline:2px solid #111827}.card h2{text-align:center;overflow-wrap:anywhere;font-size:1.05rem}.light{border-radius:50%;width:6rem;height:6rem;box-shadow:inset 0 -4px 8px #00000026}.since{color:#6b7280;margin:0;font-size:.85rem}.state-buttons{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.state-buttons button{border-color:var(--state-color)}.state-buttons button.active{background:var(--state-color);color:#fff;font-weight:600}.board-error{grid-column:1/-1}