:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f7f7f5;color:#1f2937}main{max-width:48rem;margin:0 auto;padding:6rem 1.5rem}h1,h2,p{margin-top:0}button,input{font:inherit}button{border:0;border-radius:.4rem;background:#1f2937;color:white;cursor:pointer;padding:.6rem .9rem}button:disabled{cursor:wait;opacity:.6}.secondary{background:#e5e7eb;color:#1f2937}.dashboard{display:grid;grid-gap:1rem;gap:1rem;margin-top:2rem}.card{background:white;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem}.form-stack,label{display:grid;grid-gap:.5rem;gap:.5rem}.form-stack{gap:1rem}input{border:1px solid #d1d5db;border-radius:.4rem;padding:.6rem}.button-row{display:flex;gap:.5rem}.timer-card{display:grid;grid-gap:.75rem;gap:.75rem}.timer{font-size:3rem;letter-spacing:.05em}.eyebrow,.muted,small{color:#6b7280}.eyebrow{font-size:.75rem;margin-bottom:.25rem;text-transform:uppercase}.error{color:#b91c1c}.metric-grid{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(2,1fr)}.metric-grid span,.session-list li span:first-child{display:grid;grid-gap:.25rem;gap:.25rem}.session-list{display:grid;grid-gap:.75rem;gap:.75rem;list-style:none;margin:0;padding:0}.session-list li{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding-bottom:.75rem}.status{border-radius:999px;font-size:.75rem;padding:.25rem .5rem;text-transform:capitalize}.status-completed{background:#dcfce7;color:#166534}.status-cancelled{background:#fee2e2;color:#991b1b}.status-pending,.status-running{background:#fef3c7;color:#92400e}