*,:after,:before{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#1a1a1a;background:#f5f5f5}.app{max-width:640px;margin:0 auto;padding:2rem}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}header h1{margin:0;font-size:1.5rem;font-weight:600}header h1 a{color:inherit;text-decoration:none}header nav{display:flex;align-items:center;gap:1rem}header nav a,header nav button{font:inherit;color:#056}header nav button{background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.muted{color:#666;font-size:.9em}.error{color:#c00}form div{margin-bottom:1rem}form label{display:block;margin-bottom:.25rem;font-weight:500}form input{width:100%;max-width:20rem;padding:.5rem;font:inherit}form button{margin-top:.5rem;padding:.5rem 1rem;font:inherit;cursor:pointer}form button:disabled{opacity:.7;cursor:not-allowed}ul{list-style:none;padding:0;margin:0}li{padding:.5rem 0;border-bottom:1px solid #eee}.table-wrapper{overflow-x:auto;margin:1rem 0}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table td,.table th{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #ddd}.table th{font-weight:600;background:#eee}.table tbody tr:hover{background:#f9f9f9}.table-empty{margin:1rem 0;color:#666}.demo-section{margin-top:2rem}.demo-section h3{margin-top:0;font-size:1.25rem}